.contact-page{position:relative;overflow:hidden}.contact-page:before{content:"";pointer-events:none;background:radial-gradient(circle,#bd30a038,#0000 62%);width:70vw;height:70vw;position:absolute;inset:-20% -10% auto auto}.contact{grid-template-columns:1fr 1.15fr;align-items:start;gap:clamp(40px,6vw,96px);padding:180px 0 140px;display:grid;position:relative}.contact-intro{justify-items:start;gap:26px;display:grid;position:sticky;top:140px}.contact-intro h1{font:900 clamp(56px, 8vw, 128px)/.9 var(--font-display);letter-spacing:-.035em;text-transform:uppercase}.contact-intro>p{color:#d6d0e0;max-width:460px;font-size:clamp(18px,1.5vw,20px)}.contact-intro dl{gap:22px;margin-top:10px;display:grid}.contact-intro dt{font:600 14px var(--font-body);letter-spacing:.3em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.contact-intro dd a.grad-text{font:700 clamp(20px, 1.9vw, 26px) var(--font-display)}.socials{flex-wrap:wrap;gap:8px 22px;display:flex}.socials a{font:600 17px var(--font-display);color:#cfc9da}.socials a:hover{color:#fff}.contact-form{border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#ffffff0d,#ffffff05);border-radius:18px;gap:24px;padding:clamp(24px,3.4vw,44px);display:grid}.contact-form .row{grid-template-columns:1fr 1fr;gap:24px;display:grid}.field{gap:10px;display:grid}.field>span,.topics legend{font:600 14px var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);justify-content:space-between;display:flex}.field i{text-transform:none;letter-spacing:0;opacity:.7;font-style:normal}.field input,.field select,.field textarea{width:100%;font:400 17px/1.5 var(--font-body);color:var(--text);background:#07060c8c;border:1px solid #ffffff1f;border-radius:12px;outline:none;padding:15px 18px;transition:border-color .2s,box-shadow .2s,background .2s}.field textarea{resize:vertical;min-height:170px}.field select{appearance:none;cursor:pointer;background:#07060c8c url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239a93a8' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") right 16px center/18px no-repeat;padding-right:48px}.field select option{background:var(--surface)}.field ::placeholder{color:#9a93a899}.field input:focus,.field select:focus,.field textarea:focus{background-color:#07060cbf;border-color:#bd30a0cc;box-shadow:0 0 0 4px #bd30a02e}:is(.field input:user-invalid,.field textarea:user-invalid){border-color:var(--pink)}.topics{border:0;flex-wrap:wrap;gap:10px;display:flex}.topics legend{margin-bottom:12px}.topics label{cursor:pointer;font:600 15px/1 var(--font-display);color:#cfc9da;border:1px solid #ffffff24;border-radius:40px;padding:12px 18px;transition:color .2s,border-color .2s,background .2s;position:relative}.topics label:hover{color:#fff;border-color:#ffffff4d}.topics label.on{color:#fff;background:var(--brand);border-color:#0000}.topics input{opacity:0;pointer-events:none;position:absolute}.topics label:has(input:focus-visible){outline-offset:3px;outline:2px solid #fff}.hp{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.form-foot{flex-wrap:wrap;align-items:center;gap:20px;margin-top:4px;display:flex}.form-foot .btn:disabled{opacity:.6;cursor:wait;transform:none}.form-status{color:var(--muted);flex:1;min-width:220px;font-size:15px}.form-status.error{color:#ff7a9a}.form-status a{text-decoration:underline}.form-done{justify-items:start;gap:16px;padding:30px 0;display:grid}.form-done h2{font:800 clamp(32px, 3.6vw, 48px)/1 var(--font-display);text-transform:uppercase;letter-spacing:-.02em}.form-done p{color:#d6d0e0}.done-mark{background:var(--brand);border-radius:50%;place-items:center;width:64px;height:64px;display:grid;box-shadow:0 0 40px #ec025266}.done-mark svg{width:28px;height:28px}@media (width<=900px){.contact{grid-template-columns:1fr;padding:130px 0 90px}.contact-intro{position:static}}@media (width<=560px){.contact-form .row{grid-template-columns:1fr}.topics label{padding:11px 15px;font-size:14px}}.form-note{color:var(--muted);font-size:14px}.form-note a{color:var(--text,#fff);text-decoration:underline}
