:root{ --bg:#0b0f14; --card:#131a22; --text:#e7ecf1; --muted:#98a2ad; --accent:#ff80a8; }
*{ box-sizing:border-box; }
body{ margin:0; font:16px/1.6 system-ui, -apple-system, Segoe UI, Roboto, Arial; background:var(--bg); color:var(--text);}
.container{ max-width:960px; margin:0 auto; padding:32px 20px; }
.site-header{ position:sticky; top:0; background:rgba(11,15,20,.9); backdrop-filter:saturate(150%) blur(6px); border-bottom:1px solid #1c2630; }
.nav{ display:flex; gap:16px; padding:12px 20px; }
.nav a{ color:var(--muted); text-decoration:none; padding:6px 10px; border-radius:8px; }
.nav a:hover{ color:var(--text); background:#151c25; }
.site-footer{ border-top:1px solid #1c2630; padding:20px; text-align:center; color:var(--muted); }
h1,h2{ letter-spacing:.2px; }
.card{ background:var(--card); border:1px solid #1c2630; border-radius:16px; padding:20px; }
.btn{ display:inline-block; padding:10px 14px; border-radius:10px; color:#fff; background:var(--accent); text-decoration:none; }