:root{--bg:#0b1020;--card:#121a33;--text:#e8ecf1;--muted:#a9b4c1;--accent:#6ab0ff;--accent-2:#9ef7d1;--link:#79c0ff;--border:#233055;--shadow:0 10px 30px rgba(0,0,0,.35)}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
html{font-size:16px}
body{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,"Helvetica Neue",Arial,"Noto Sans",sans-serif;line-height:1.7;color:var(--text);background:radial-gradient(1200px 600px at 10% -10%,#12204a 0%,transparent 60%),radial-gradient(900px 500px at 110% 10%,#0f1a36 0%,transparent 60%),var(--bg)}
.container{max-width:880px;margin:0 auto;padding:48px 20px}
.nav{display:flex;gap:16px;align-items:center;justify-content:flex-end}
.nav a{color:var(--muted);text-decoration:none;border-bottom:1px dashed transparent;padding-bottom:2px}
.nav a:hover{color:var(--text);border-bottom-color:var(--accent)}
.card{background:linear-gradient(180deg,rgba(24,36,72,.6),rgba(18,26,51,.9));border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);padding:28px}
h1{font-size:2rem;margin:0 0 8px}
h2{font-size:1.25rem;margin:20px 0 8px;color:var(--muted)}
p{margin:0 0 14px}
ul{margin:8px 0 14px 20px}
.tag{display:inline-block;background:rgba(122,180,255,.12);border:1px solid #2b5c9e;border-radius:999px;color:#cfe6ff;padding:4px 10px;font-size:.85rem}
.btn{display:inline-flex;gap:8px;align-items:center;background:linear-gradient(180deg,#2e5fa8,#23467c);border:1px solid #2a4f8f;color:white;text-decoration:none;border-radius:10px;padding:10px 14px;box-shadow:0 6px 18px rgba(18,35,75,.45)}
.btn:hover{filter:brightness(1.05)}
.grid{display:grid;grid-template-columns:1fr;gap:16px}
@media(min-width:720px){.grid{grid-template-columns:1fr 1fr}}
.footer{color:var(--muted);font-size:.9rem;margin-top:28px}
.link{color:var(--link)}
/* Markdown-style content */
.md h1{font-size:2rem;margin:0 0 12px}
.md blockquote{margin:12px 0;padding:8px 12px;border-left:3px solid var(--border);background:rgba(255,255,255,.02);color:var(--muted)}
.md p{margin:0 0 14px}
.md a{color:var(--link);text-decoration:underline}