*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--black:#030305;--dark:#07070c;--panel:rgba(11,12,16,.9);--gold:#d4af37;--gold-light:#f5d77a;--muted:#a9a293;--text:#f5f3ef;--line:rgba(212,175,55,.18);--teal:#00d4be;--font-display:'Plus Jakarta Sans','DM Sans',ui-sans-serif,system-ui,sans-serif;--font-body:'DM Sans','Plus Jakarta Sans',ui-sans-serif,system-ui,sans-serif;--font-mono:ui-monospace,SFMono-Regular,Consolas,'Liberation Mono',Menlo,monospace}
html{scroll-behavior:smooth}
body{min-height:100vh;background:radial-gradient(circle at 75% 12%,rgba(0,212,190,.08),transparent 32%),radial-gradient(circle at 16% 8%,rgba(212,175,55,.1),transparent 30%),linear-gradient(180deg,var(--black),#060609 48%,var(--black));color:var(--text);font-family:var(--font-body);line-height:1.75;-webkit-font-smoothing:antialiased}
a{color:var(--gold-light);text-decoration:none}
a:hover,a:focus-visible{text-decoration:underline}
p,li{max-width:76ch;text-wrap:pretty}
.skip-link{position:fixed;top:12px;left:12px;z-index:2000;transform:translateY(-160%);background:var(--gold-light);color:#030305;padding:10px 14px;border-radius:10px;font-weight:800;transition:transform .2s}
.skip-link:focus{transform:translateY(0);outline:2px solid #fff;outline-offset:2px}
.topbar{position:sticky;top:0;z-index:80;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 52px;border-bottom:1px solid var(--line);background:rgba(5,6,7,.92);backdrop-filter:blur(18px)}
.brand{display:flex;align-items:center;gap:12px;font-family:var(--font-display);font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--gold-light)}
.brand img{width:38px;height:38px;border-radius:50%;border:1px solid rgba(245,215,122,.28);object-fit:cover}
.nav{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.nav a{min-height:36px;display:inline-flex;align-items:center;padding:0 12px;border:1px solid rgba(212,175,55,.14);border-radius:999px;color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.nav a:hover,.nav a:focus-visible{color:var(--gold-light);border-color:rgba(245,215,122,.34);text-decoration:none;outline:none}
.shell{max-width:1120px;margin:0 auto;padding:72px 52px 90px}
.kicker{display:inline-flex;align-items:center;gap:10px;border:1px solid rgba(245,215,122,.24);background:rgba(245,215,122,.055);border-radius:999px;padding:7px 14px;font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-light);margin-bottom:20px}
.kicker::before,.kicker::after{content:"";width:5px;height:5px;border-radius:50%;background:var(--gold-light)}
h1,h2,h3{font-family:var(--font-display);line-height:1.1;text-wrap:balance}
h1{font-size:clamp(42px,7vw,78px);max-width:850px;margin-bottom:20px}
h1 span{color:var(--gold-light)}
.lead{font-size:18px;color:var(--muted);max-width:78ch;margin-bottom:30px}
.panel{border:1px solid var(--line);background:linear-gradient(180deg,rgba(14,15,17,.92),rgba(7,8,10,.88));border-radius:18px;padding:28px;margin:22px 0}
.panel h2{font-size:clamp(26px,4vw,38px);margin-bottom:12px}
.panel h3{font-size:20px;margin:22px 0 8px;color:var(--gold-light)}
.panel p,.panel li{color:var(--muted);margin-bottom:12px}
.panel ul{padding-left:22px}
.notice{border-color:rgba(85,214,139,.28);background:linear-gradient(180deg,rgba(0,180,160,.08),rgba(7,8,10,.88))}
.notice strong{color:#d9ffe6}
.fine{font-size:13px;color:#8e887f}
footer{border-top:1px solid var(--line);padding:28px 52px 46px;color:var(--muted);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.footer-links{display:flex;gap:10px 16px;flex-wrap:wrap}
.footer-links a{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.footer-links a:hover,.footer-links a:focus-visible{color:var(--gold-light)}
@media(max-width:760px){.topbar{padding:12px 20px;align-items:flex-start}.brand span{display:none}.nav{gap:6px}.nav a{font-size:10px;padding:0 9px}.shell{padding:54px 20px 76px}.panel{padding:22px}footer{padding:24px 20px 90px;display:grid}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}