.contact-page{max-width:1200px}
.contact-actions{display:flex;align-items:center;gap:15px}
.contact-back{font-size:12px;font-weight:750;color:var(--gold);text-decoration:none}
.contact-back:hover{text-decoration:underline}
.contact-layout{display:grid;grid-template-columns:minmax(230px,.78fr) minmax(0,1.22fr);gap:clamp(24px,5vw,70px);align-items:start;margin:clamp(54px,8vw,106px) auto 70px}
.contact-intro{padding-top:30px}
.contact-intro h1{font:normal clamp(56px,6.2vw,88px)/.99 Georgia,serif;letter-spacing:-.055em;margin:25px 0 30px;color:var(--ink)}
.contact-intro h1 em{color:var(--gold)}
.contact-intro>p{line-height:1.75;font-size:16px;color:var(--muted);max-width:320px}
.contact-stamp{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:40px;font-size:10px;letter-spacing:.12em;font-weight:800;color:var(--teal)}
.contact-stamp span{color:var(--gold)}
.contact-card{border:1px solid var(--border);border-radius:24px;background:var(--panel);padding:clamp(22px,3.4vw,43px);box-shadow:0 24px 70px #07131b22}
.contact-card-heading{padding-bottom:25px}
.contact-card-heading h2{font:normal clamp(27px,3.2vw,39px)/1.12 Georgia,serif;letter-spacing:-.025em;margin:15px 0 10px;color:var(--ink)}
.contact-card-heading p{color:var(--muted);font-size:13px;line-height:1.6;margin:0}
.contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px 14px}
.contact-fields label{display:flex;flex-direction:column;gap:9px;font-weight:750;font-size:12px;letter-spacing:.02em;color:var(--ink)}
.contact-fields label span{color:var(--gold)}
.contact-fields label.contact-wide{grid-column:1/-1}
.contact-fields input,.contact-fields select,.contact-fields textarea{width:100%;min-width:0;border-radius:10px;background:var(--panel2);border:1px solid var(--border);padding:13px 14px;color:var(--ink);font:500 14px/1.5 system-ui,sans-serif;outline:none;min-height:48px}
.contact-fields textarea{resize:vertical;min-height:137px}
.contact-fields select{appearance:auto}
.contact-fields input:focus-visible,.contact-fields select:focus-visible,.contact-fields textarea:focus-visible{border-color:var(--gold);outline:2px solid var(--gold);outline-offset:2px}
.contact-fields input::placeholder,.contact-fields textarea::placeholder{color:var(--muted);opacity:.85}
.contact-trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.contact-verify{border:1px solid var(--border);border-radius:13px;padding:16px;margin:24px 0 18px;background:var(--panel2)}
.contact-verify .overline{font-size:11px}
.contact-verify p{margin:8px 0 11px;font-size:12px;line-height:1.5;color:var(--muted)}
.contact-verify altcha-widget{display:block;--altcha-max-width:100%;--altcha-border-radius:8px;color-scheme:inherit}
.contact-submit{min-height:50px;display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;font-size:13px;font-weight:800;cursor:pointer}
.contact-privacy{font-size:11px;line-height:1.7;color:var(--muted);margin:17px 0 0}
.contact-privacy a{color:var(--gold)}
.contact-response{padding:16px;border-radius:12px;margin:0 0 22px;line-height:1.5;font-size:14px}
.contact-response[hidden]{display:none!important}
.contact-response.success{background:#dcefe2;border:1px solid #88bb9e;color:#1d6543}
.contact-response.error{background:#f9e7e1;border:1px solid #d6a18d;color:#983f2e}
.contact-response small{display:block;font-size:11px;margin-top:5px}
.contact-footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid var(--border);padding:25px 0 40px;color:var(--muted);font-size:10px;letter-spacing:.08em}
.contact-footer a{color:var(--gold);text-decoration:none}
html[data-effective-theme="dark"] .contact-card{box-shadow:0 30px 65px #0003}
html[data-effective-theme="dark"] .contact-response.success{background:#163b36;border-color:#3b7763;color:#cdf5d8}
html[data-effective-theme="dark"] .contact-response.error{background:#4c2825;border-color:#a56e56;color:#ffe3d8}
@media(max-width:820px){.contact-layout{grid-template-columns:1fr;gap:32px;margin:42px auto 60px}.contact-intro{padding:0}.contact-intro h1{font-size:clamp(48px,8vw,76px)}.contact-intro>p{max-width:620px}.contact-stamp{margin-top:18px}}
@media(max-width:520px){.contact-fields{grid-template-columns:1fr}.contact-layout{margin-top:42px}.contact-card{border-radius:18px}.contact-card-heading{padding-bottom:20px}.contact-back{font-size:10px}.contact-actions{gap:9px}.contact-page .wordmark strong{font-size:13px}.contact-page .wordmark small{font-size:8px}.contact-stamp{font-size:9px}}
