.contact-shell{width:min(980px,calc(100% - 32px));margin:auto;padding:clamp(44px,8vw,86px) 0}
.contact-shell header{max-width:700px;margin-bottom:28px}
.contact-shell h1{margin:.3rem 0;font-size:clamp(2.4rem,7vw,5rem);line-height:1;letter-spacing:-.06em}
.contact-shell header p{color:var(--muted)}
.contact-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(240px,.7fr);gap:18px}
.contact-form,.contact-aside{padding:24px;border:1px solid var(--border);border-radius:20px;background:var(--panel)}
.field{display:grid;gap:7px;margin-bottom:16px}
.field label,.consent{font-weight:750}
.field input,.field select,.field textarea{width:100%;min-height:46px;padding:.7rem .8rem;border:1px solid var(--border);border-radius:10px;background:#111219;color:var(--text)}
.field textarea{resize:vertical}
.consent{display:flex;align-items:flex-start;gap:10px;font-size:.88rem}
.consent input{width:22px;height:22px;flex:none}
.contact-button{min-height:46px;margin-top:18px;padding:.7rem 1rem;border:0;border-radius:999px;background:var(--accent);color:#11121a;font-weight:850;cursor:pointer}
.contact-aside h2{font-size:1rem;margin:1.25rem 0 .3rem}
.contact-aside h2:first-child{margin-top:0}
.contact-aside p{color:var(--muted)}
.form-honeypot{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}
/* Match the compact network header used by the domain hubs on desktop. */
@media(min-width:1181px){body[data-do-site="contact"] .do-network-inner{box-sizing:border-box;width:calc(100% - 128px);max-width:none;margin:0 64px;padding:0;display:flex;gap:.75rem}body[data-do-site="contact"] .do-network-logo{min-width:max-content;margin:0}body[data-do-site="contact"] .do-network-toggle{display:none}body[data-do-site="contact"] .do-network-links{box-sizing:border-box;display:flex;flex:0 1 auto;min-width:0;max-width:100%;flex-wrap:nowrap;justify-content:flex-end;gap:.08rem;padding-top:0}body[data-do-site="contact"] .do-network-links a{box-sizing:border-box;flex:0 0 auto;min-height:32px;padding:.4rem .46rem;font-size:.66rem}}
/* Contact uses the same standard footer contract as every domain hub. */
body[data-do-site="contact"] .do-standard-footer{position:relative;left:50%;box-sizing:border-box;width:100vw;max-width:none;margin:0;transform:translateX(-50%);padding:clamp(26px,4vw,44px) clamp(20px,4vw,64px);border-top:1px solid color-mix(in srgb,var(--accent) 24%,var(--border));background:linear-gradient(180deg,color-mix(in srgb,var(--panel) 91%,var(--accent) 9%),color-mix(in srgb,var(--bg) 95%,#000));box-shadow:0 -12px 38px rgba(0,0,0,.16)}
body[data-do-site="contact"] .do-standard-footer .do-footer-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.38rem 1.15rem}
body[data-do-site="contact"] .do-standard-footer .do-footer-actions a{display:inline-flex;min-height:40px;align-items:center;padding:.42rem .12rem;border:0;border-bottom:1px solid transparent;border-radius:0;background:transparent;line-height:1.1;text-decoration:none;color:color-mix(in srgb,var(--do-footer-color,var(--accent)) 58%,white)}
body[data-do-site="contact"] .do-standard-footer a[data-do-footer-site="privacy"]{--do-footer-color:#8fc4ff}
body[data-do-site="contact"] .do-standard-footer a[data-do-footer-site="contact"]{--do-footer-color:#ff9f7a}
body[data-do-site="contact"] .do-standard-footer a[data-do-footer-site="settings"]{--do-footer-color:#8bd8c7}
body[data-do-site="contact"] .do-standard-footer .do-footer-actions a:is(:hover,:focus-visible){color:color-mix(in srgb,var(--accent) 68%,white);border-bottom-color:currentColor;transform:translateY(-1px)}
@media(max-width:720px){.contact-layout{grid-template-columns:1fr}
.contact-form,.contact-aside{padding:18px}
}