:root{--nd-dark: #2D1D19;--nd-earth: #6A5D52;--nd-rust: #653529;--nd-clay: #BC9180;--nd-sage: #95927F;--nd-slate: #CCD3DC;--nd-sand: #D8CFC7;--nd-cream: #F2EEE5;--transition: .45s ease}.contact-page{background-color:var(--nd-rust);color:var(--nd-cream);min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding-top:clamp(130px,108.6440677966px + 5.0847457627vw,190px);padding-bottom:clamp(50px,14.406779661px + 8.4745762712vw,150px);position:relative;overflow:hidden}.contact-page:before{content:"";position:absolute;width:600px;height:600px;background:radial-gradient(circle,#f2eee508,#0000 70%);top:-10%;left:-10%;pointer-events:none}.contact-page .container{width:100%;margin-inline:auto}.contact-page__header{text-align:center;margin-bottom:clamp(35px,29.6610169492px + 1.2711864407vw,50px);animation:contactFadeIn .8s ease forwards}.contact-page__title{margin-bottom:15px}.contact-page__subtitle{max-width:845px;margin-inline:auto}.contact-page__toggle-wrap{max-width:690px;margin-inline:auto;display:flex;justify-content:center;margin-bottom:clamp(35px,29.6610169492px + 1.2711864407vw,50px);animation:contactFadeIn .9s ease forwards}.contact-page__toggle{display:inline-flex;background-color:#ffffff4d;border-radius:50px;padding:5px;gap:10px;position:relative;width:100%}@media(max-width:576px){.contact-page__toggle{max-width:100%}}.contact-page__toggle-btn{flex:1;color:#fff;text-transform:uppercase;line-height:19px;font-weight:500;padding:8px 15px;font-size:14px;border-radius:50px;cursor:pointer;transition:background-color .4s var(--trasition),color .4s var(--trasition),transform .2s ease;text-align:center;white-space:nowrap}.contact-page__toggle-btn.active{background-color:var(--nd-cream);color:var(--nd-dark)}@media(hover:hover){.contact-page__toggle-btn:not(.active):hover{background-color:#ffffff0d}}.contact-page__form{max-width:690px;margin-inline:auto;display:flex;flex-direction:column;gap:15px;animation:contactFadeIn 1s ease forwards}.contact-page__group{position:relative;width:100%;display:flex;flex-direction:column}.contact-page__group--company{max-height:0;opacity:0;overflow:hidden;pointer-events:none;transition:max-height .5s var(--trasition),opacity .3s ease,margin-bottom .5s var(--trasition)}.contact-page__group--company.show{max-height:120px;opacity:1;overflow:visible;pointer-events:auto;margin-bottom:clamp(10px,8.2203389831px + .4237288136vw,15px)}.contact-page input,.contact-page textarea{width:100%;background:transparent;border:none;border-bottom:1px solid rgba(242,238,229,.4);padding:10px 0;color:var(--nd-cream);font-family:inherit;font-size:clamp(15px,14.2881355932px + .1694915254vw,17px);font-weight:300;transition:border-bottom-color .4s ease,padding-left .3s ease}.contact-page input::placeholder,.contact-page textarea::placeholder{color:transparent}.contact-page input:focus,.contact-page textarea:focus{border-bottom-color:var(--nd-cream)}.contact-page input:focus~.contact__label,.contact-page input:not(:placeholder-shown)~.contact__label,.contact-page textarea:focus~.contact__label,.contact-page textarea:not(:placeholder-shown)~.contact__label{color:var(--nd-cream);opacity:.8}.contact-page textarea{resize:none;height:clamp(90px,75.7627118644px + 3.3898305085vw,130px);line-height:1.5}.contact-page .contact__label{margin-block:10px;color:var(--nd-cream);pointer-events:none;transition:transform .3s var(--trasition),color .3s var(--trasition);font-size:16px;line-height:24px}.contact-page__line-indicator{position:absolute;bottom:0;left:0;height:2px;width:0;background-color:var(--nd-cream);transition:width .4s var(--trasition)}.contact-page__input:focus~.contact-page__line-indicator,.contact-page__textarea:focus~.contact-page__line-indicator{width:100%}.contact-page__submit-btn{margin-top:10px;width:100%;background-color:var(--nd-dark);color:var(--nd-cream);padding:15px;border-radius:50px;font-size:12px;font-weight:500;text-transform:uppercase;cursor:pointer;transition:background-color .3s ease,color .3s ease;display:flex;align-items:center;justify-content:center;gap:10px}@media(hover:hover){.contact-page__submit-btn:hover{background-color:#3b2823}}.contact-page__submit-btn[disabled]{opacity:.5;cursor:not-allowed}.contact-page__spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.25);border-top-color:var(--nd-cream);border-radius:50%;animation:contactSpin .8s linear infinite;display:none}.contact-page__error-text{color:#ff8585;font-size:12px;margin-top:5px;display:none;animation:contactFadeIn .3s ease forwards}@keyframes contactSpin{to{transform:rotate(360deg)}}@keyframes contactFadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}