:root{--bg:#0b1220;--surface:#111827;--surface-light:#1f2937;--border:#2d3748;--primary:#16a34a;--text:#f8fafc;--muted:#94a3b8;--radius:18px}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,sans-serif}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);line-height:1.8}.container{grid-template-columns:280px 1fr;gap:40px;max-width:1400px;margin:auto;padding:50px 30px;display:grid}aside{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);align-self:start;padding:25px;position:sticky;top:30px}aside h2{color:var(--primary);margin-bottom:20px}aside a{color:var(--muted);margin:10px 0;text-decoration:none;transition:all .25s;display:block}aside a:hover{color:#fff;padding-left:8px}main{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:50px}header{margin-bottom:50px}header h1{margin-bottom:10px;font-size:2.8rem}header p{color:var(--muted)}section{margin-bottom:50px}section h2{color:var(--primary);margin-bottom:15px;font-size:1.4rem}section p{color:#d5d9df}section ul{margin-top:15px;margin-left:25px}section li{margin:8px 0}footer{border-top:1px solid var(--border);color:var(--muted);margin-top:70px;padding-top:30px}@media (max-width:900px){.container{grid-template-columns:1fr}aside{position:relative}main{padding:30px}header h1{font-size:2rem}}