.contact-form{padding:clamp(60px,10vw,160px) 0;background-color:color-mix(in srgb,var(--colors-graphite-dark) var(--un-bg-opacity),transparent);color:#fff}@supports (color: color-mix(in lab,red,red)){.contact-form{background-color:color-mix(in oklab,var(--colors-graphite-dark) var(--un-bg-opacity),transparent)}}:where(html.js) .contact-form .container>*{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease}.contact-form.is-visible .container>*{opacity:1;transform:translateY(0)}.contact-form__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(40px,6vw,110px);align-items:start}.contact-form__title{font-family:var(--font-octo-comp);--un-font-weight:700;font-weight:700;text-transform:uppercase;margin:16px 0 0;font-size:clamp(38px,4.4vw,72px);line-height:1.04;letter-spacing:-.015em}.contact-form__text{margin:20px 0 0;max-width:46ch;font-size:clamp(15px,1.25vw,18px);line-height:1.5;color:#ffffffbf}.contact-form__topics{display:flex;flex-wrap:wrap;gap:8px}.contact-form__topic{padding:9px 16px;border:1px solid hsla(0,0%,100%,.2);border-radius:999px;background:transparent;font-family:inherit;font-size:13px;font-weight:500;color:#ffffffbf;cursor:pointer;transition:border-color .2s,background-color .2s,color .2s}.contact-form__topic:hover{border-color:#b9975ab3;color:#fff}.contact-form__topic.is-active{color:color-mix(in srgb,var(--colors-graphite-dark) var(--un-text-opacity),transparent);border-color:color-mix(in srgb,var(--colors-primary-DEFAULT) var(--un-border-opacity),transparent);background-color:color-mix(in srgb,var(--colors-primary-DEFAULT) var(--un-bg-opacity),transparent);font-weight:600}@supports (color: color-mix(in lab,red,red)){.contact-form__topic.is-active{color:color-mix(in oklab,var(--colors-graphite-dark) var(--un-text-opacity),transparent);border-color:color-mix(in oklab,var(--colors-primary-DEFAULT) var(--un-border-opacity),transparent);background-color:color-mix(in oklab,var(--colors-primary-DEFAULT) var(--un-bg-opacity),transparent)}}@property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}.contact-form__messengers{margin-top:clamp(28px,3vw,44px)}.contact-form__messengers-label{font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:#ffffff8c}.contact-form__messengers-row{display:flex;gap:12px;margin-top:14px;flex-wrap:wrap}.contact-form__form{display:flex;flex-direction:column;gap:18px}.contact-form__form .app-btn{align-self:flex-start}.contact-form__agree-error{margin:-10px 0 0;font-size:13px;line-height:1.4;color:color-mix(in srgb,var(--colors-error) var(--un-text-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.contact-form__agree-error{color:color-mix(in oklab,var(--colors-error) var(--un-text-opacity),transparent)}}.contact-form__send-error{margin:0;font-size:13px;line-height:1.4;color:color-mix(in srgb,var(--colors-error) var(--un-text-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.contact-form__send-error{color:color-mix(in oklab,var(--colors-error) var(--un-text-opacity),transparent)}}.contact-form__row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.contact-form__success{align-self:center;text-align:center;padding:clamp(32px,4vw,64px);border:1px solid rgba(185,151,90,.4);border-radius:24px}.contact-form__success-title{color:color-mix(in srgb,var(--colors-primary-DEFAULT) var(--un-text-opacity),transparent);font-family:var(--font-octo-comp);--un-font-weight:700;font-weight:700;text-transform:uppercase;font-size:clamp(36px,4vw,64px)}@property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}@supports (color: color-mix(in lab,red,red)){.contact-form__success-title{color:color-mix(in oklab,var(--colors-primary-DEFAULT) var(--un-text-opacity),transparent)}}.contact-form__success-text{margin:12px 0 0;font-size:clamp(15px,1.3vw,19px);color:#fffc}@media(max-width:1023px){.contact-form__grid{grid-template-columns:1fr}}@media(max-width:639px){.contact-form__row{grid-template-columns:1fr}}
