:root{--bg:#0f172a;--bg2:#111827;--text:#e5e7eb;--muted:#9ca3af;--accent:#60a5fa;--card:#0b1220;}
*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:linear-gradient(180deg,var(--bg),var(--bg2));color:var(--text);line-height:1.6}
.container{max-width:860px;margin:0 auto;padding:24px}
.card{background:rgba(17,24,39,.6);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:24px;backdrop-filter: blur(10px)}
h1{font-size:28px;margin:0 0 12px}h2{font-size:20px;margin:24px 0 8px}p{margin:0 0 12px;color:var(--text)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}
.meta{color:var(--muted);font-size:14px}footer{margin-top:24px;color:var(--muted);font-size:14px}
hr{border:0;border-top:1px solid rgba(255,255,255,.08);margin:20px 0}
nav{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:12px}
nav a{color:var(--muted)}nav a.active{color:var(--text)}