.contact-page{background-image:url(/assets/hero-bg-1920.png);background-size:cover;background-position:bottom}.contact-page .container{height:100%}.contact-page__main{display:flex;align-items:center;gap:8.8rem;height:100%}.contact-page__left{width:50%;height:100%;display:flex;flex-direction:column;justify-content:center;gap:4.8rem}.contact-page__left .top{display:flex;flex-direction:column;gap:1.6rem}.contact-page__left .top h1{color:#000;font-size:5.2rem;font-style:normal;font-weight:500;line-height:125%;letter-spacing:-.052rem}.contact-page__left .top p{color:#666d80;font-size:1.8rem;font-style:normal;font-weight:400;line-height:155%;max-width:44rem}.contact-page__left .bottom{display:flex;flex-direction:column;gap:4.8rem}.contact-page__left .bottom>span{color:#0d0d12;font-size:3.2rem;font-style:normal;font-weight:500;line-height:135%}.contact-page__left .bottom ul{display:flex;flex-direction:column;gap:1.6rem}.contact-page__left .bottom ul li{display:flex;align-items:flex-start;gap:1.2rem}.contact-page__left .bottom ul li .icon{display:flex;width:3.2rem;height:3.2rem;padding:.6rem;justify-content:center;align-items:center;border-radius:100rem;background:#44c297;flex-shrink:0}.contact-page__left .bottom ul li p{max-width:38rem}.contact-page__left .bottom ul li a,.contact-page__left .bottom ul li p{color:#666d80;font-size:1.8rem;font-style:normal;font-weight:400;line-height:155%}.contact-page__left .bottom ul li a{height:100%;display:flex;align-items:center}.contact-page__left .bottom ul li a:hover{text-decoration:underline;color:#44c297}.contact-page__right{padding:6.4rem 0;width:50%}.contact-page__right .contact-form{display:flex;flex-direction:column;gap:2.4rem;padding:3.2rem;border-radius:2.4rem;border:1px solid #eceff3;background:#fff;box-shadow:0 12px 16px -4px rgba(13,13,18,.08),0 4px 6px -2px rgba(13,13,18,.03)}.contact-page__right .contact-form>span{color:#0d0d12;font-size:3.2rem;font-style:normal;font-weight:500;line-height:135%}.contact-page__right .contact-form form{display:flex;flex-direction:column;gap:1.6rem}.contact-page__right .contact-form form .input-container{display:flex;flex-direction:column;position:relative;gap:.6rem;transition:all .2s ease}.contact-page__right .contact-form form .input-container label{color:#0d0d12;font-size:1.4rem;font-style:normal;font-weight:500;line-height:155%;transition:color .2s ease}.contact-page__right .contact-form form .input-container .custom-input{position:relative;display:flex;align-items:center;gap:.8rem;border:1.5px solid #dfe1e7;border-radius:1.2rem;padding:0 1.4rem;background:#fff;transition:border-color .2s ease,box-shadow .2s ease}.contact-page__right .contact-form form .input-container .custom-input:focus-within{border-color:#44c297;box-shadow:0 0 0 3px rgba(68,194,151,.12)}.contact-page__right .contact-form form .input-container .custom-input .icon{display:flex;justify-content:center;align-items:center;flex-shrink:0}.contact-page__right .contact-form form .input-container .custom-input .icon svg path{stroke:#818898;transition:stroke .2s ease}.contact-page__right .contact-form form .input-container .custom-input:focus-within .icon svg path{stroke:#44c297}.contact-page__right .contact-form form .input-container .custom-input input,.contact-page__right .contact-form form .input-container .custom-input textarea{flex:1;border:none;outline:none;background:rgba(0,0,0,0);padding:1.2rem 0;color:#0d0d12;font-size:1.6rem;font-weight:400;line-height:160%;width:100%}.contact-page__right .contact-form form .input-container .custom-input input::placeholder,.contact-page__right .contact-form form .input-container .custom-input textarea::placeholder{color:#b0b7c3;font-size:1.6rem;font-style:normal;font-weight:400;line-height:160%}.contact-page__right .contact-form form .input-container .custom-input textarea{height:14rem;resize:none;padding:1.2rem 0}.contact-page__right .contact-form form .input-container .custom-input.textarea-input{align-items:flex-start}.contact-page__right .contact-form form .input-container.has-error .custom-input{border-color:#f04438;background:#fff9f9;box-shadow:0 0 0 3px rgba(240,68,56,.08)}.contact-page__right .contact-form form .input-container.has-error .custom-input:focus-within{border-color:#f04438;box-shadow:0 0 0 3px rgba(240,68,56,.12)}.contact-page__right .contact-form form .input-container.has-error .custom-input .icon svg path{stroke:#f04438}.contact-page__right .contact-form form .input-container.has-error label{color:#f04438}.contact-page__right .contact-form form .input-container .hint-msg{color:#818898;font-size:1.3rem;font-weight:400;line-height:155%}.contact-page__right .contact-form form .error-msg{display:flex;align-items:center;gap:.5rem;color:#f04438;font-size:1.3rem;font-weight:500;line-height:155%;animation:slideDown .2s ease}.contact-page__right .contact-form form .error-msg svg{flex-shrink:0;color:#f04438}@keyframes slideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.contact-page__right .contact-form form .submit-error{display:flex;align-items:center;gap:.8rem;padding:1.2rem 1.4rem;border-radius:1rem;background:#fff1f0;border:1px solid #fecdca;color:#b42318;font-size:1.4rem;font-weight:500;line-height:155%;animation:slideDown .2s ease}.contact-page__right .contact-form form .submit-error svg{flex-shrink:0;color:#f04438}.contact-page__right .contact-form form .checkbox-container{display:flex;align-items:center;gap:1.2rem;padding:.4rem 0}.contact-page__right .contact-form form .checkbox-container.has-error .custom-checkbox .checkmark{border-color:#f04438;background:#fff9f9}.contact-page__right .contact-form form .checkbox-container .custom-checkbox{position:relative;width:2rem;height:2rem;flex-shrink:0}.contact-page__right .contact-form form .checkbox-container .custom-checkbox input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.contact-page__right .contact-form form .checkbox-container .custom-checkbox input[type=checkbox]:checked+.checkmark{background:#44c297;border-color:#44c297}.contact-page__right .contact-form form .checkbox-container .custom-checkbox input[type=checkbox]:checked+.checkmark:after{opacity:1;transform:translateX(-50%) translateY(-50%) rotate(45deg) scale(1)}.contact-page__right .contact-form form .checkbox-container .custom-checkbox input[type=checkbox]:focus+.checkmark{box-shadow:0 0 0 3px rgba(68,194,151,.2)}.contact-page__right .contact-form form .checkbox-container .custom-checkbox .checkmark{position:absolute;inset:0;border-radius:.5rem;border:1.5px solid #dfe1e7;background:#fff;transition:all .18s ease;cursor:pointer}.contact-page__right .contact-form form .checkbox-container .custom-checkbox .checkmark:after{content:"";position:absolute;left:50%;top:44%;width:.45rem;height:.8rem;border:solid #fff;border-width:0 2px 2px 0;transform-origin:center;transform:translateX(-50%) translateY(-50%) rotate(45deg) scale(0);opacity:0;transition:all .15s ease}.contact-page__right .contact-form form .checkbox-container label{color:#666d80;font-size:1.4rem;font-style:normal;font-weight:400;line-height:155%;cursor:pointer}.contact-page__right .contact-form form>button{margin-top:.8rem;width:100%}.contact-page__right .contact-form form>button:disabled{opacity:.7;cursor:not-allowed}.contact-page__right .contact-form form>button .btn-loading{display:flex;align-items:center;justify-content:center;gap:.8rem}.contact-page__right .contact-form form>button .btn-loading .spinner{width:1.8rem;height:1.8rem;border:2.5px solid hsla(0,0%,100%,.35);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.success-overlay{position:fixed;inset:0;background:rgba(13,13,18,.45);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:2rem;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.success-popup{position:relative;background:#fff;border-radius:2.4rem;padding:4rem 3.2rem;max-width:44rem;width:100%;display:flex;flex-direction:column;align-items:center;gap:1.6rem;text-align:center;box-shadow:0 24px 48px -12px rgba(13,13,18,.18),0 8px 16px -4px rgba(13,13,18,.08);animation:popIn .28s cubic-bezier(.34,1.56,.64,1)}@keyframes popIn{0%{opacity:0;transform:scale(.88) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.success-popup__close{position:absolute;top:1.6rem;right:1.6rem;display:flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;border-radius:50%;border:none;background:#f5f6f8;cursor:pointer;transition:background .15s ease}.success-popup__close:hover{background:#eceff3}.success-popup__icon{margin-bottom:.4rem}.success-popup__title{color:#0d0d12;font-size:2.4rem;font-weight:600;line-height:130%;margin:0}.success-popup__message{color:#666d80;font-size:1.6rem;font-weight:400;line-height:160%;margin:0}.success-popup__btn{margin-top:.8rem;min-width:16rem}@media screen and (max-width:768px){.contact-page__main{flex-direction:column;gap:3.2rem;padding:3.2rem 0}.contact-page__left,.contact-page__right{width:100%}.contact-page__left{gap:3.2rem}.contact-page__left .top h1{font-size:3.6rem}.contact-page__left .top p{font-size:1.6rem}.contact-page__left .bottom{gap:3.2rem}.contact-page__left .bottom>span{font-size:2.4rem}.contact-page__left .bottom ul li a,.contact-page__left .bottom ul li p{font-size:1.6rem}.contact-page__right{padding:0}.contact-page__right .contact-form{padding:2.4rem 1.6rem;border-radius:1.6rem}.contact-page__right .contact-form>span{font-size:2.4rem}.success-popup{padding:3.2rem 2rem;border-radius:1.8rem;gap:1.2rem}.success-popup__title{font-size:2rem}.success-popup__message{font-size:1.4rem}.success-popup__btn{min-width:100%}}