:root{color-scheme:dark;--bg:#060708;--panel:#0c0f13;--panel2:#090b0e;--line:#24282d;--text:#f3f4f6;--muted:#99a3ad;--gold:#bda274;--gold2:#9e7c4b;--focus:#dfc39a}
*{box-sizing:border-box}
html,body{min-height:100%}
body{margin:0;background:radial-gradient(circle at 80% 0,rgba(189,162,116,.10),transparent 30%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
main{width:min(760px,calc(100% - 24px));margin:28px auto;padding:clamp(20px,4vw,34px);border:1px solid #2a241c;border-radius:20px;background:linear-gradient(180deg,var(--panel),var(--panel2));box-shadow:0 30px 90px rgba(0,0,0,.28)}
h1{margin:0 0 10px;font-size:clamp(30px,6vw,48px);line-height:1;letter-spacing:-.05em}
p{color:var(--muted);line-height:1.65}
label{display:inline-grid;gap:7px;margin:8px 12px 8px 0;color:#c2c8ce;font-size:12px;font-weight:750}
input,select{min-height:46px;min-width:190px;border:1px solid var(--line);border-radius:10px;background:#07090c;color:var(--text);padding:10px 12px;font:inherit}
button{min-height:46px;border:0;border-radius:10px;background:linear-gradient(135deg,var(--gold),#d3b98f);color:#0b0907;font:inherit;font-weight:850;padding:0 18px;cursor:pointer;box-shadow:0 8px 24px rgba(189,162,116,.12)}
button:hover{filter:brightness(1.03)}
#r,[aria-live="polite"]{min-height:24px;margin-top:18px;padding:14px 16px;border:1px solid #3b3328;border-radius:12px;background:#0b0c0d;color:#dfe3e6;line-height:1.55}
a{color:#d1b890;text-underline-offset:3px}
a:hover{color:#e2c99f}
:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
@media(max-width:620px){main{margin:12px auto;border-radius:16px}label{display:grid;width:100%;margin-right:0}input,select{width:100%;min-width:0}button{width:100%;margin-top:10px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}