:root{--bg:#000;--fg:#fff;--muted:#b3b3b3;--link:#9bdcff;--link-hover:#e0f5ff;--accent:#ffffff;--card:#0f0f0f;--maxw:68rem;}
*{box-sizing:border-box}body{margin:0;color:var(--fg);background:var(--bg);font:16px/1.6 system-ui,sans-serif}
a{color:var(--link);text-decoration:none}a:hover{color:var(--link-hover);text-decoration:underline}
.container{max-width:var(--maxw);margin:auto;padding:1.25rem}
.nav{display:flex;gap:.75rem;flex-wrap:wrap}
.nav a{padding:.5rem .75rem;border-radius:.5rem;background:#0a0a0a;color:var(--fg)}
.nav a[aria-current="page"]{background:#141414}
main{min-height:60vh}.center-hero{min-height:calc(100vh - 140px);display:grid;place-items:center;text-align:center}
.hero-title{font-size:clamp(3rem,8vw,8rem);margin:0;color:var(--accent)}
.grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.card{background:var(--card);border-radius:12px;padding:1rem}
.badge{display:inline-block;font-size:.8rem;color:var(--muted);border:1px solid #222;padding:.15rem .5rem;border-radius:999px}
ul.postlist{list-style:none;padding:0}ul.postlist li{background:#0c0c0c;border:1px solid #161616;border-radius:10px;padding:.9rem;margin:.6rem 0}
ul.postlist li time{color:var(--muted);font-size:.9rem;display:block}