/* Quiet Instrument Panel: contact is a driver briefing surface, not a light-card form placed on a generic page. */
.contact-page { background:#09111e; color:#f4f2e9; }
.contact-page .guide-main { overflow:visible; background:radial-gradient(circle at 86% 12%,#1c3850 0%,#101a2b 38%,#09111e 100%); }
.contact-page .contact-hero { width:min(1100px,100%); padding:128px clamp(20px,5vw,52px) 53px; }
.contact-page .contact-hero p:not(.signal-label) { max-width:610px; }
.contact-page .contact-layout { display:grid; grid-template-columns:minmax(0,1.18fr) minmax(290px,.82fr); width:min(1100px,100%); margin:0 auto; gap:38px; padding:0 clamp(20px,5vw,52px) 94px; }
.contact-page .contact-form { position:relative; display:grid; gap:16px; overflow:hidden; border:1px solid rgba(244,242,233,.2); border-left:3px solid var(--lime); background:rgba(20,36,58,.9); padding:29px; box-shadow:inset 0 1px 0 rgba(255,255,255,.04); }
.contact-page .contact-form:before { position:absolute; top:0; right:0; left:0; height:1px; content:""; background:linear-gradient(90deg,var(--lime),transparent 42%); }
.contact-page .contact-form label { display:grid; gap:7px; color:#d4deeb; font-family:"Space Grotesk",sans-serif; font-size:11px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; }
.contact-page .contact-form input,.contact-page .contact-form select,.contact-page .contact-form textarea { width:100%; border:1px solid rgba(244,242,233,.22); border-radius:0; background:#0d1728; padding:13px 14px; color:#fff; font:400 16px "IBM Plex Sans",sans-serif; outline-color:var(--lime); }
.contact-page .contact-form input:focus,.contact-page .contact-form select:focus,.contact-page .contact-form textarea:focus { border-color:var(--lime); box-shadow:0 0 0 3px rgba(185,242,39,.12); }
.contact-page .contact-form select { appearance:none; background-image:linear-gradient(45deg,transparent 50%,var(--lime) 50%),linear-gradient(135deg,var(--lime) 50%,transparent 50%); background-position:calc(100% - 18px) 20px,calc(100% - 13px) 20px; background-repeat:no-repeat; background-size:5px 5px,5px 5px; }
.contact-page .contact-form textarea { min-height:138px; resize:vertical; }
.contact-page .contact-form .primary-action { width:max-content; margin-top:4px; }
.contact-page .contact-note { margin:0; color:#aebdce; font-size:12px; line-height:1.55; }
.contact-page .contact-aside { align-self:stretch; border-top:1px solid rgba(244,242,233,.25); background:rgba(9,17,30,.36); }
.contact-page .contact-aside>div { border-bottom:1px solid rgba(244,242,233,.16); padding:21px 0; }
.contact-page .contact-aside small { display:block; color:var(--lime); font-size:10px; font-weight:700; letter-spacing:.15em; text-transform:uppercase; }
.contact-page .contact-aside a { display:block; width:max-content; margin-top:9px; color:#fff; font-family:"Space Grotesk",sans-serif; font-size:clamp(20px,2.4vw,28px); font-weight:600; letter-spacing:-.065em; }
.contact-page .contact-aside a:hover { color:var(--lime); }
.contact-page .contact-aside p { max-width:330px; margin:8px 0 0; color:#aebdce; font-size:14px; line-height:1.55; }
.contact-page .contact-aside .contact-rule { border-left:2px solid var(--lime); padding-left:15px; }
.contact-page .contact-aside .contact-rule p { color:#d5dfeb; }
.contact-page footer { margin-top:0; border-top:1px solid rgba(244,242,233,.13); }
@media (max-width:760px) { .contact-page .contact-hero { padding-top:83px; padding-bottom:42px; }.contact-page .contact-layout { grid-template-columns:1fr; gap:39px; padding-bottom:66px; }.contact-page .contact-form { padding:22px 18px; }.contact-page .contact-form .primary-action { width:100%; justify-content:center; }.contact-page .contact-aside { border-top-color:rgba(244,242,233,.25); } }