:root{--bg:#0d0e12;--panel:#14161c;--panel2:#1b1e26;--line:#262a35;--text:#eef1f6;--muted:#9aa3b5;--accent:#ffb84d;--accent2:#ff9a3c;--ink:#1c1200;--link:#ffb84d;--focus:#8bc8ff;--r:14px;
  --font:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;--serif:ui-serif,Georgia,"Times New Roman",serif}
@media (prefers-color-scheme:light){:root{--bg:#f6f7fb;--panel:#fff;--panel2:#eef0f6;--line:#dfe3ec;--text:#12161e;--muted:#566075;--accent:#e58a00;--accent2:#c97300;--ink:#fff;--link:#a35f00;--focus:#2563c9}}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font:17px/1.65 var(--font);-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto}
h1,h2,h3,h4{line-height:1.2;margin:0;letter-spacing:-.015em}
h1{font:600 clamp(34px,5.4vw,56px)/1.08 var(--serif);letter-spacing:-.02em}
h2{font:600 clamp(26px,3.4vw,36px)/1.15 var(--serif);margin-bottom:14px}
h3{font-size:18px;margin-bottom:6px}
p{margin:0 0 14px}
a{color:var(--link)}
:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:6px}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:var(--panel);color:var(--text);padding:8px 12px;z-index:99;border-radius:8px}
.wrap{max-width:1100px;margin:0 auto;padding:0 20px}
.muted{color:var(--muted)}

/* header and footer: always dark */
header,footer{--text:#eef1f6;--muted:#9aa3b5;--line:#262a35;--link:#ffb84d;color:var(--text)}
header{position:sticky;top:0;z-index:20;background:linear-gradient(180deg,#0B0B0D,#131318);border-bottom:1px solid #222}
header .wrap{display:flex;align-items:center;gap:22px;height:64px}
.brand{display:flex;align-items:center}.brand img{height:30px;width:auto;display:block}
.dn{display:flex;gap:22px;margin-left:auto}
.dn a,.mn nav a:not(.btn){color:#cfd5e2;text-decoration:none;font-size:15px}
.dn a:hover,.dn a[aria-current],.mn a[aria-current]{color:#fff}
.dn a[aria-current]{box-shadow:0 2px 0 var(--accent)}
.mn{display:none}
.mn summary{list-style:none;cursor:pointer;width:40px;height:40px;display:grid;place-items:center;border-radius:8px}
.mn summary::-webkit-details-marker{display:none}
.mn summary span,.mn summary span::before,.mn summary span::after{display:block;width:20px;height:2px;background:#eef1f6;position:relative}
.mn summary span::before,.mn summary span::after{content:"";position:absolute;left:0}.mn summary span::before{top:-6px}.mn summary span::after{top:6px}
.mn nav{position:absolute;right:12px;top:62px;background:#14161c;border:1px solid #262a35;border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:12px;min-width:220px}
@media (max-width:820px){.dn{display:none}.mn{display:block;margin-left:auto}.hcta{margin-left:auto}.mn{margin-left:0}}
footer{background:#0B0B0D;margin-top:80px;padding:48px 0 28px;font-size:15px}
.ft{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:32px}
.ft h4{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:10px}
.fc{display:flex;flex-direction:column;gap:6px}.fc a{color:#cfd5e2;text-decoration:none}.fc a:hover{color:#fff}
.fd{color:var(--muted);max-width:34ch;margin-top:12px}
.fz{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;border-top:1px solid #222;margin-top:32px;padding-top:18px;color:var(--muted);font-size:13px}.fz a{color:var(--muted)}
@media (max-width:700px){.ft{grid-template-columns:1fr}}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 24px;border-radius:12px;border:1px solid var(--line);background:var(--panel2);color:var(--text);font:600 16px var(--font);text-decoration:none;cursor:pointer}
.btn:hover{border-color:var(--muted)}
.btn.primary,.hcta,header .btn{background:linear-gradient(180deg,var(--accent),var(--accent2));border-color:transparent;color:#1c1200}
.btn.sm{min-height:38px;padding:0 16px;font-size:15px}

/* layout */
main{display:block}
section{padding:56px 0}
.hero{padding:84px 0 56px;text-align:center}
.hero p.lead{font-size:clamp(18px,2.2vw,22px);color:var(--muted);max-width:42ch;margin:20px auto 30px}
.hero .cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.hero small{display:block;margin-top:14px;color:var(--muted);font-size:14px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px}
.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:24px}
.card p{margin:0;color:var(--muted);font-size:16px}
.steps{counter-reset:s;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;padding:0;list-style:none;margin:0}
.steps li{counter-increment:s;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:24px}
.steps li::before{content:counter(s);display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--accent);color:#1c1200;font-weight:700;margin-bottom:12px}
.steps b{display:block;font-size:18px;margin-bottom:4px}.steps span{color:var(--muted);font-size:16px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:18px}@media (max-width:700px){.two{grid-template-columns:1fr}}
.tag{display:inline-block;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--accent);margin-bottom:8px}
.notdone li{color:var(--muted)}
ul.tick{padding-left:0;list-style:none}ul.tick li{padding-left:26px;position:relative;margin-bottom:8px}ul.tick li::before{content:"✓";position:absolute;left:0;color:var(--accent);font-weight:700}
.crumbs{font-size:14px;color:var(--muted);padding-top:28px;display:flex;gap:8px;flex-wrap:wrap}.crumbs a{color:var(--muted)}
.band{background:var(--panel);border-block:1px solid var(--line)}

/* tables and faq */
table{width:100%;border-collapse:collapse;font-size:16px}
th,td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:top}
th{font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.scroll{overflow-x:auto}
details.q{border-bottom:1px solid var(--line);padding:14px 0}
details.q summary{cursor:pointer;font-weight:600;font-size:18px}
details.q p{margin:10px 0 0;color:var(--muted)}

/* long text (legal, help) */
.prose{max-width:720px;margin:0 auto;padding:40px 20px 0}
.prose h1{font-size:clamp(30px,4vw,42px);margin-bottom:8px}
.prose h2{font-size:24px;margin:36px 0 10px}
.prose li{margin-bottom:6px}
.prose .upd{color:var(--muted);font-size:14px}

/* cookie notice */
.notice{position:fixed;left:12px;right:12px;bottom:12px;max-width:560px;margin:0 auto;background:#14161c;color:#eef1f6;border:1px solid #262a35;border-radius:14px;padding:14px 16px;display:flex;gap:14px;align-items:center;font-size:14px;z-index:50}
.notice p{margin:0;flex:1}.notice div{display:flex;gap:12px;align-items:center}.notice button{background:var(--accent);color:#1c1200;border:0;border-radius:8px;padding:8px 14px;font-weight:600;cursor:pointer}.notice a{color:#ffb84d}
@media (max-width:520px){.notice{flex-direction:column;align-items:flex-start}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}