.login-modal{position:fixed;top:0;left:0;right:0;bottom:0;display:none;align-items:center;justify-content:center;padding:0 32px;z-index:8;background-color:rgba(0,0,0,.3);opacity:0;pointer-events:none;transition:opacity .3s,transform .3s}.login-modal--active{display:flex}.login-modal--visible{opacity:1;pointer-events:all}.login-modal__container{position:relative;display:flex;flex-direction:column;gap:40px;max-width:1100px;width:100%;height:-moz-fit-content;height:fit-content;padding:45px;border-radius:15px;background-color:#fff;color:#2d3142;text-align:center}.login-modal__title{font-size:42px;font-weight:700;line-height:1.1}.login-modal__text{max-width:630px;margin:0 auto;font-family:Manrope;font-size:24px;font-weight:400;line-height:1.3}.login-modal__cards{display:flex;gap:30px;justify-content:space-between}.login-modal__card{display:flex;flex-direction:column;width:320px;height:auto;max-height:100%;border-radius:15px;overflow:hidden;background-color:#fbf6f0}.login-modal__image-container{width:100%;aspect-ratio:2/1}.login-modal__image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.login-modal__card-content{display:flex;flex-direction:column;gap:25px;height:100%;padding:25px 20px 20px;font-family:Manrope}.login-modal__card-title{font-size:18px;font-weight:700;line-height:1.3}.login-modal__card-text{font-size:14px;font-weight:400;line-height:1.4}.login-modal__button{display:flex;align-items:center;gap:10px;width:-moz-fit-content;width:fit-content;padding:8px 23px;margin:auto auto 0;border-radius:100px;border:1px solid #2d3142;background-color:#2d3142;color:#fff;font-size:14px;font-weight:400;line-height:1.4;text-transform:uppercase;transition:background-color .3s,color .3s}.login-modal__button path{transition:fill .3s}.login-modal__button:hover{background-color:transparent;color:#2d3142}.login-modal__button:hover path{fill:#2d3142}.login-modal__close-button{position:absolute;top:20px;right:20px;background-color:transparent;border:none;cursor:pointer}@media screen and (max-width:1200px){.login-modal__container{padding:20px;gap:30px}.login-modal__cards{gap:20px}.login-modal__card-content{padding-top:20px;gap:15px}.login-modal__button{justify-content:center;width:100%;padding:8px 13px;font-size:12px}}@media screen and (max-width:768px){.login-modal{padding:0;opacity:1;transform:translateY(-100%)}.login-modal--visible{transform:translateY(0)}.login-modal__container{height:100%;width:100%;border-radius:0;overflow:scroll;padding-top:40px}.login-modal__container::-webkit-scrollbar{display:none}.login-modal__cards{flex-direction:column}.login-modal__card{flex-direction:row;max-width:unset;width:100%}.login-modal__card-content,.login-modal__image-container{width:50%}.login-modal__title{font-size:32px}.login-modal__text{font-size:18px}}@media screen and (max-width:576px){.login-modal__card{flex-direction:column;gap:30px}.login-modal__card-content,.login-modal__image-container{width:100%}}