.contact-page{background:radial-gradient(circle at 82% 4%, #2667ff1a, transparent 25%), var(--sl-color-lab);min-height:42rem;padding-block:1.5rem 7rem}.contact-hero{max-width:48rem;margin-bottom:clamp(2rem,5vw,3.5rem)}.contact-hero>span,.contact-form-card>div>span{color:var(--sl-color-calibration);letter-spacing:.08em;font-size:.75rem;font-weight:800}.contact-hero h1{margin:.4rem 0;font-size:clamp(2rem,5vw,3.6rem);line-height:1.3}.contact-hero p{color:var(--sl-color-text-muted);margin:0;font-size:clamp(.95rem,2vw,1.1rem)}.contact-layout{grid-template-columns:minmax(17rem,.72fr) minmax(0,1.28fr);align-items:start;gap:clamp(1rem,3vw,2rem);display:grid}.contact-info,.contact-form-card{border:1px solid var(--sl-color-wire);border-radius:var(--sl-radius-lg);background:#fff;box-shadow:0 18px 55px #11131812}.contact-info{overflow:hidden}.contact-info article{align-items:flex-start;gap:.85rem;min-height:7rem;padding:1.2rem;display:flex}.contact-info article>span{width:2.75rem;height:2.75rem;color:var(--sl-color-calibration);background:#eff6ff;border-radius:.8rem;flex:none;place-items:center;display:grid}.contact-info h2{margin:0 0 .25rem;font-size:.9rem}.contact-info p,.contact-info a{color:var(--sl-color-text-muted);margin:0;font-size:.82rem}.contact-info a{color:#1d4ed8;align-items:center;min-height:2.75rem;font-weight:800;display:inline-flex}.contact-trust{color:#065f46;background:#ecfdf5;border-radius:.8rem;align-items:flex-start;gap:.55rem;margin:1rem;padding:.8rem;display:flex}.contact-trust p{margin:0;font-size:.75rem}.contact-form-card{padding:clamp(1.2rem,4vw,2rem)}.contact-form-card h2{margin:.25rem 0;font-size:clamp(1.35rem,3vw,1.8rem)}.contact-form-card>div>p{color:var(--sl-color-text-muted);margin:0 0 1.5rem;font-size:.82rem}.contact-form{gap:1rem;display:grid}.contact-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.contact-form label>span{margin-bottom:.4rem;font-size:.8rem;font-weight:800;display:block}.contact-form input,.contact-form textarea{width:100%;min-height:3rem;transition:border-color var(--sl-motion-fast) ease, box-shadow var(--sl-motion-fast) ease;background:#fff;border:1px solid #cbd5e1;border-radius:.75rem;outline:none;padding:.7rem .8rem}.contact-form textarea{resize:vertical;min-height:9.5rem;line-height:1.9}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--sl-color-calibration);box-shadow:0 0 0 3px #2667ff21}.contact-form [aria-invalid=true]{border-color:#dc2626}.contact-form label>small:not(.contact-help){color:#b91c1c;margin-top:.35rem;font-size:.72rem;display:block}.contact-help{color:var(--sl-color-text-muted);margin-top:.35rem;font-size:.68rem;display:block}.contact-field-full{grid-column:1/-1}.contact-honeypot{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.contact-form-state{border-radius:.75rem;align-items:center;gap:.5rem;padding:.75rem .85rem;font-size:.78rem;display:flex}.contact-form-state.is-success{color:#065f46;background:#ecfdf5}.contact-form-state.is-error{color:#b91c1c;background:#fff1f2}.contact-submit{justify-self:start;min-width:10rem;min-height:3rem}.contact-spinner{animation:.9s linear infinite contact-spin}@keyframes contact-spin{to{transform:rotate(360deg)}}@media (max-width:64rem){.contact-layout{grid-template-columns:minmax(15rem,.8fr) minmax(0,1.2fr)}}@media (max-width:48rem){.contact-layout{grid-template-columns:1fr}.contact-info{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.contact-trust{grid-column:1/-1}}@media (max-width:30rem){.contact-form-grid,.contact-info{grid-template-columns:1fr}.contact-field-full,.contact-trust{grid-column:auto}.contact-submit{width:100%}}@media (prefers-reduced-motion:reduce){.contact-form input,.contact-form textarea{transition:none}.contact-spinner{animation:none}}
