:root{--ink:#080a08;--ink2:#0e110e;--green:#C1F45C;--white:#F3F6EE;--muted:#c4c8bd;--line:rgba(193,244,92,.16)}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--ink);color:var(--white);font-family:'Sora',sans-serif;line-height:1.75}
a{color:var(--green)}
.wrap{width:min(1120px,calc(100% - 40px));margin:auto}
header{padding:22px 0;border-bottom:1px solid var(--line);background:rgba(8,10,8,.94)}
.nav{display:flex;justify-content:space-between;align-items:center;gap:20px}
.logo{font-family:'Saira',sans-serif;font-weight:900;font-size:1.55rem;text-decoration:none;color:#fff}.logo span{color:var(--green)}
.home{font-family:'Saira',sans-serif;text-transform:uppercase;font-weight:700;text-decoration:none}
.hero{padding:86px 0 54px;background:radial-gradient(circle at 20% 0%,rgba(193,244,92,.15),transparent 34%),linear-gradient(180deg,#101410,#080a08)}
.eyebrow{color:var(--green);font-family:'Saira',sans-serif;text-transform:uppercase;letter-spacing:.2em;font-weight:700;font-size:.78rem}
h1,h2{font-family:'Saira',sans-serif;text-transform:uppercase;line-height:1.08}
h1{font-size:clamp(2.6rem,7vw,5rem);margin-top:10px}
.hero p{max-width:760px;color:var(--muted);margin-top:18px}
main{padding:58px 0 80px}
.layout{display:grid;grid-template-columns:260px 1fr;gap:28px;align-items:start}
.toc{position:sticky;top:20px;padding:22px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,#101310,#0c0f0c)}
.toc h2{font-size:1.05rem;margin-bottom:10px}.toc a{display:block;padding:9px 0;border-top:1px solid rgba(193,244,92,.08);color:#d4d8ce;text-decoration:none;font-size:.9rem}.toc a:hover{color:var(--green)}
.card{padding:34px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,#101410,#090b09);box-shadow:0 28px 70px rgba(0,0,0,.34)}
.notice{padding:17px 18px;border:1px solid rgba(193,244,92,.26);background:rgba(193,244,92,.07);border-radius:14px;color:#dce1d6;margin-bottom:25px}
section{padding:26px 0;border-top:1px solid rgba(193,244,92,.1)}
section:first-of-type{border-top:0;padding-top:0}
section h2{font-size:clamp(1.45rem,3vw,2rem);margin-bottom:12px}
section p,section li{color:var(--muted)}
section p{margin:10px 0}
section ul{margin:12px 0 0 22px}
section li{margin:8px 0}
strong{color:#fff}
footer{padding:30px 0;border-top:1px solid var(--line);color:#888f84;font-size:.86rem}
@media(max-width:820px){.layout{grid-template-columns:1fr}.toc{position:static}.card{padding:25px 20px}}