:root { color-scheme: dark; --ink:#f6eed9; --muted:#bcb39f; --gold:#e4b84b; --teal:#39d0bd; --panel:rgba(15,24,28,.92); --line:rgba(228,184,75,.28); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; min-height:100vh; font:16px/1.55 system-ui,-apple-system,"Segoe UI",sans-serif; color:var(--ink); background:radial-gradient(circle at 15% 0,#174b49 0,transparent 32rem),radial-gradient(circle at 100% 10%,#4c3517 0,transparent 28rem),#071013; }
body::before { content:""; position:fixed; inset:0; pointer-events:none; opacity:.18; background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px); background-size:32px 32px; }
.hero,main,footer { position:relative; width:min(1040px,calc(100% - 32px)); margin-inline:auto; }
.hero { text-align:center; padding:clamp(70px,12vw,140px) 0 58px; }
.eyebrow { margin:0 0 8px; color:var(--teal); font-weight:800; letter-spacing:.14em; text-transform:uppercase; font-size:.78rem; }
h1 { margin:0; font-family:Georgia,serif; font-size:clamp(3rem,11vw,7.5rem); line-height:.88; letter-spacing:-.055em; color:var(--gold); text-shadow:0 4px 28px rgba(228,184,75,.2); }
.subtitle { margin:20px 0 32px; color:var(--muted); font-size:clamp(1.05rem,2vw,1.35rem); }
nav,.actions { display:flex; flex-wrap:wrap; gap:12px; justify-content:center; }
.button { display:inline-flex; justify-content:center; align-items:center; min-height:46px; padding:10px 18px; border:1px solid var(--line); border-radius:7px; color:var(--ink); background:#17262a; text-decoration:none; font:inherit; font-weight:800; cursor:pointer; transition:.15s ease; }
.button:hover { transform:translateY(-1px); border-color:var(--gold); }
.button.primary { color:#111; background:linear-gradient(135deg,#f1cc67,#d39a28); border-color:#f5d980; }
.button.large { min-width:210px; min-height:58px; }
.button.wide { width:100%; margin-top:8px; }
main { display:grid; gap:24px; }
.panel { padding:clamp(24px,5vw,46px); border:1px solid var(--line); border-radius:14px; background:var(--panel); box-shadow:0 22px 60px rgba(0,0,0,.3); }
h2 { margin:0 0 22px; font:700 clamp(1.8rem,4vw,2.5rem)/1.1 Georgia,serif; color:#f5d883; }
.warning { margin:0 0 28px; padding:20px; border:2px solid #ffbd39; border-left-width:8px; border-radius:8px; background:#42270d; box-shadow:0 0 30px rgba(255,168,28,.12); }
.warning strong { display:block; color:#ffd36f; font-size:1.08rem; }
.warning p { margin:8px 0 0; }
form { max-width:600px; }
label { display:block; margin:16px 0 6px; font-weight:800; }
input { width:100%; padding:13px 14px; border:1px solid #59676a; border-radius:6px; background:#091316; color:#fff; font:inherit; }
input:focus { outline:3px solid rgba(57,208,189,.22); border-color:var(--teal); }
.password-note { margin:8px 0 0; color:#ffd36f; font-size:.9rem; font-weight:650; }
.message { display:none; margin-top:16px; padding:13px; border-radius:6px; font-weight:750; }
.message.success { display:block; color:#b9ffe5; background:#123e31; border:1px solid #42d69f; }
.message.error { display:block; color:#ffe0db; background:#4a1b16; border:1px solid #ef7364; }
.feature { display:flex; align-items:center; justify-content:space-between; gap:24px; }
.feature h2 { margin-bottom:8px; }
.feature p:last-child { margin-bottom:0; color:var(--muted); }
.facts { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; overflow:hidden; border:1px solid var(--line); border-radius:8px; background:var(--line); }
.facts div { padding:16px; background:#101d20; }
dt { color:var(--muted); font-size:.8rem; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }
dd { margin:4px 0 0; font-weight:750; }
li { margin:10px 0; }
code { padding:2px 5px; border-radius:4px; background:#050a0c; color:#8df3e5; }
footer { padding:38px 0 50px; text-align:center; color:#827d71; font-size:.85rem; }
@media (max-width:650px) { .feature { align-items:stretch; flex-direction:column; } .facts { grid-template-columns:1fr; } nav .button { flex:1 1 100%; } }