:root{--bg:#0a0a0a;--bg2:#141414;--bg3:#1c1917;--gold:#fbbf24;--gold-light:#fde68a;--gold-dark:#d97706;--text:#e7e5e4;--muted:#a8a29e}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(900px 400px at 50% -100px,rgba(251,191,36,.12),transparent),var(--bg);color:var(--text);font:16px/1.7 Inter,system-ui,sans-serif;min-height:100vh;display:flex;flex-direction:column}
.top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;padding:16px clamp(16px,4vw,48px);border-bottom:1px solid rgba(251,191,36,.18);background:rgba(10,10,10,.85);backdrop-filter:blur(10px);position:sticky;top:0;z-index:5}
.brand{display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;font:700 20px Outfit,sans-serif}
.brand img{border-radius:8px}.brand b{color:var(--gold)}
nav{display:flex;gap:6px;flex-wrap:wrap}
nav a{color:var(--muted);text-decoration:none;padding:6px 12px;border-radius:999px;font-size:14px;font-weight:500;transition:.2s}
nav a:hover{color:var(--bg);background:var(--gold)}
.card{width:min(860px,calc(100% - 32px));margin:36px auto;padding:clamp(20px,4vw,48px);background:linear-gradient(180deg,var(--bg2),var(--bg3));border:1px solid rgba(251,191,36,.2);border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.5);animation:in .5s ease both}
@keyframes in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
h1{font:700 clamp(28px,5vw,40px)/1.2 Outfit,sans-serif;color:var(--gold);margin:0 0 .6em}
h2{font:600 22px Outfit,sans-serif;color:var(--gold-light);margin:2em 0 .5em;padding-bottom:.3em;border-bottom:1px solid rgba(251,191,36,.15)}
h3{color:var(--gold);font-size:17px;margin:1.5em 0 .4em}
a{color:var(--gold)}a:hover{color:var(--gold-light)}
hr{border:0;border-top:1px solid rgba(251,191,36,.15);margin:1.5em 0}
code{background:#000;padding:2px 6px;border-radius:6px;color:var(--gold-light);font-size:.9em}
table{width:100%;border-collapse:collapse;margin:1em 0;font-size:14.5px;display:block;overflow-x:auto}
th,td{padding:10px 12px;border:1px solid rgba(251,191,36,.15);text-align:left;vertical-align:top}
th{background:rgba(251,191,36,.1);color:var(--gold-light)}
li{margin:.3em 0}
strong{color:#fff}
footer{margin-top:auto;text-align:center;color:var(--muted);font-size:13px;padding:24px 16px}