:root{--bg:#0b1220;--panel:#111c2f;--panel2:#17253b;--text:#f8fafc;--muted:#cbd5e1;--green:#00b365;--gold:#facc15;--red:#ef4444;--line:rgba(255,255,255,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;background:radial-gradient(circle at top right,rgba(0,179,101,.13),transparent 32%),linear-gradient(180deg,#08101d 0%,var(--bg) 100%);color:var(--text);line-height:1.65}a{color:#7ee7b8}a:hover{color:#b6f5d5}header{border-bottom:1px solid var(--line);background:rgba(8,16,29,.88);backdrop-filter:blur(14px);position:sticky;top:0;z-index:10}.nav{max-width:1020px;margin:auto;padding:16px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-size:1.25rem;font-weight:800;letter-spacing:.3px}.brand span{color:var(--green)}nav a{margin-left:18px;text-decoration:none;color:var(--muted);font-size:.95rem}main{max-width:900px;margin:42px auto;padding:0 22px 60px}.hero{padding:34px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(135deg,rgba(0,179,101,.14),rgba(23,37,59,.78));box-shadow:0 16px 50px rgba(0,0,0,.25)}h1{font-size:clamp(2rem,5vw,3.2rem);line-height:1.1;margin:0 0 12px}h2{margin-top:36px;font-size:1.45rem}h3{margin-top:25px}p,li{color:var(--muted)}.meta{color:#94a3b8;font-size:.95rem}.card{margin-top:24px;padding:24px;border:1px solid var(--line);background:rgba(17,28,47,.86);border-radius:18px}.notice{border-left:4px solid var(--gold);padding:14px 18px;background:rgba(250,204,21,.08);border-radius:10px}.danger{border-left-color:var(--red);background:rgba(239,68,68,.08)}.button{display:inline-block;margin-top:12px;padding:12px 18px;border-radius:12px;background:var(--green);color:#04150d;text-decoration:none;font-weight:800}.button.secondary{background:var(--panel2);color:var(--text);border:1px solid var(--line)}footer{border-top:1px solid var(--line);padding:28px 22px;text-align:center;color:#94a3b8}ul{padding-left:22px}code{background:#09111f;border:1px solid var(--line);padding:2px 6px;border-radius:6px}@media(max-width:720px){.nav{align-items:flex-start;flex-direction:column}nav a{margin:0 14px 0 0;display:inline-block}.hero{padding:24px}}