.contact-page { background: radial-gradient(ellipse at 85% 12%,rgba(89,215,255,.1),transparent 45%),#070c12; }
.contact-main { width:min(1160px,calc(100% - 48px));margin:auto;padding:150px 0 90px; }
.contact-intro { max-width:740px;margin-bottom:48px; }
.contact-intro h1 { font-size:clamp(46px,6vw,78px);line-height:1.02;margin-bottom:22px; }
.contact-intro>p:last-child { color:var(--muted);font-size:19px;line-height:1.65;max-width:650px; }
.contact-layout { display:grid;grid-template-columns:minmax(0,1.7fr) minmax(250px,1fr);gap:48px;align-items:start; }
.message-form { padding:32px;border:1px solid var(--line);border-radius:12px;background:rgba(15,23,34,.9); }
.message-form h2,.contact-aside h2 { font-size:29px;line-height:1.2; }
.required-note { margin:12px 0 28px;color:var(--muted);font-size:13px;line-height:1.6; }
.field-row { display:grid;grid-template-columns:1fr 1.35fr;gap:18px; }
.field { display:flex;flex-direction:column;gap:9px;margin-bottom:23px;min-width:0; }
.field label { font-size:14px;font-weight:650; }
.field input,.field select,.field textarea { width:100%;min-width:0;border:1px solid #344354;border-radius:6px;padding:13px 14px;color:var(--text);background:#080f18;font:inherit;line-height:1.5; }
.field textarea { resize:vertical;min-height:170px; }
.field input:focus,.field select:focus,.field textarea:focus { outline:2px solid var(--blue);outline-offset:2px; }
.field-hint,.privacy-note { color:var(--muted);font-size:12px;line-height:1.8; }
.privacy-note a { color:var(--blue);text-decoration:underline;text-underline-offset:3px; }
.submit-message { border:0;cursor:pointer;font:inherit;font-weight:800;margin-top:12px; }
.submit-message:disabled { opacity:.6;cursor:wait; }
.contact-aside { padding:22px 0; }
.aside-mark { display:block;color:var(--blue);font:14px monospace;letter-spacing:.3em;margin-bottom:38px; }
.contact-aside p { color:var(--muted);line-height:1.75;margin-top:18px; }
.direct-contact { padding:25px 0;margin:25px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line); }
.direct-contact span { display:block;color:var(--muted);font-size:13px;margin-bottom:10px; }
.direct-contact a { color:var(--blue);font-weight:700;overflow-wrap:anywhere; }
.aside-note { font-size:14px; }
.form-trap { position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap; }
.form-status { padding:15px 18px;margin:20px 0 6px;border:1px solid var(--green);border-radius:6px;color:var(--green);font-size:14px;line-height:1.7;overflow-wrap:anywhere; }
.form-status.is-error { border-color:var(--gold);color:var(--gold); }
.language-options { display:flex;gap:4px; }
.language-options button { color:var(--muted);background:transparent;border:1px solid var(--line);border-radius:4px;cursor:pointer;padding:8px 10px;font:inherit; }
.language-options button[aria-pressed="true"] { color:var(--text);border-color:var(--blue); }
.contact-page .site-header nav { flex-wrap:wrap; }
@media(max-width:880px) { .contact-main { padding-top:50px; } .contact-layout { grid-template-columns:1fr;gap:20px; } .contact-aside { max-width:600px; } .contact-page .site-header nav { overflow:visible; } }
@media(max-width:560px) { .contact-main { width:calc(100% - 32px);padding-bottom:45px; } .contact-intro { margin-bottom:28px; } .message-form { padding:22px 18px; } .field-row { grid-template-columns:1fr;gap:0; } .contact-page .site-header nav a:not(.nav-play) { display:inline; } .contact-intro>p:last-child { font-size:17px; } }