.contact .hero{padding:88px 0 48px;position:relative;overflow:hidden}.contact .hero:before{content:"";background:radial-gradient(ellipse 70% 50% at 50% 0%,var(--brand-lighter),transparent 60%);pointer-events:none;position:absolute;inset:0}.contact .hero-inner{max-width:820px;position:relative}.contact .hero h1{letter-spacing:-.03em;margin:20px 0 0;font-size:clamp(2.5rem,5vw,4rem);font-weight:600;line-height:1.02}.contact .hero h1 em{color:var(--brand-dark);font-style:normal}html.dark .contact .hero h1 em{color:var(--brand-accent)}.contact .hero .lede{max-width:58ch;font-size:var(--t-title3);color:var(--label-secondary);letter-spacing:-.016em;margin:22px 0 0;line-height:1.45}.contact .block{padding:64px 0 96px}.contact .contact-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:56px;display:grid}@media (width<=900px){.contact .contact-grid{grid-template-columns:1fr;gap:32px}}.contact .routes{flex-direction:column;gap:16px;display:flex}.contact .route{border:1px solid var(--separator);background:var(--bg-primary);border-radius:12px;padding:22px}.contact .route .k{font-family:var(--font-mono);font-size:var(--t-caption2);letter-spacing:.08em;text-transform:uppercase;color:var(--brand-dark);font-weight:500}html.dark .contact .route .k{color:var(--brand-accent)}.contact .route h3{font-size:var(--t-headline);letter-spacing:-.022em;margin:6px 0 4px;font-weight:600}.contact .route p{font-size:var(--t-footnote);color:var(--label-secondary);margin:0 0 8px;line-height:1.5}.contact .route a.val{font-family:var(--font-mono);font-size:var(--t-subheadline);color:var(--label);letter-spacing:0}.contact .form{border:1px solid var(--separator);background:var(--bg-primary);border-radius:14px;padding:32px}.contact .form h3{font-size:var(--t-title3);letter-spacing:-.022em;margin:0 0 18px;font-weight:600}.contact .form .row{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px;display:grid}@media (width<=540px){.contact .form .row{grid-template-columns:1fr}}.contact .form label{font-size:var(--t-footnote);color:var(--label-secondary);letter-spacing:-.006em;margin-bottom:6px;display:block}.contact .form input,.contact .form select,.contact .form textarea{border:1px solid var(--separator-opaque);background:var(--bg-primary);width:100%;color:var(--label);font:inherit;font-size:var(--t-subheadline);letter-spacing:-.016em;border-radius:8px;padding:10px 12px}.contact .form input:focus,.contact .form select:focus,.contact .form textarea:focus{outline:2px solid var(--brand);outline-offset:1px;border-color:var(--brand)}.contact .form textarea{resize:vertical;min-height:120px}.contact .form .note{font-size:var(--t-caption);color:var(--label-tertiary);letter-spacing:-.006em;margin:16px 0 0}.contact .form .submit{justify-content:flex-end;align-items:center;gap:14px;margin-top:18px;display:flex}.contact .form-status{font-size:var(--t-footnote);letter-spacing:-.01em;margin:0}.contact .form-status.error{color:var(--system-red)}.contact .form-status.ok{color:#059669}html.dark .contact .form-status.ok{color:#34d399}.contact .form-done{border:1px solid var(--brand);background:var(--brand-lighter);text-align:center;border-radius:12px;padding:28px}.contact .form-done h3{margin:0 0 8px}.contact .form-done p{color:var(--label-secondary);font-size:var(--t-subheadline);margin:0;line-height:1.5}.contact .btn[disabled]{opacity:.6;pointer-events:none}
