:root{
  --bg:#0c0d10; --layer:#121318; --card:#181a21;
  --text:#e8e8ea; --muted:#adadb6;
  --accent:#e0374c; --accent-2:#5b9cff;
  --shadow:0 10px 30px rgba(0,0,0,.35);
  --radius:14px;
}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,system-ui;background:#0c0d10;color:var(--text)}
.site-header{display:flex;justify-content:space-between;align-items:center;padding:14px 22px;background:#121318}
.logo-img{height:40px}
.nav a{color:var(--muted);text-decoration:none;padding:8px 12px;border-radius:10px}
.nav a.active{background:rgba(224,55,76,.18);color:var(--text)}
.container{max-width:1100px;margin:40px auto;padding:0 18px}
.hero{padding:32px;border-radius:var(--radius);background:#181a21;color:var(--text)}
.hero.banner{background:url("assets/stopdistractingyourself.png") center/cover no-repeat}
.btn{padding:12px 16px;border-radius:12px;text-decoration:none;font-weight:600}
.btn-primary{background:var(--accent);color:#fff}
.btn-ghost{border:1px solid #fff;color:#fff}
.grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.card{background:var(--card);padding:22px;border-radius:var(--radius)}
.panel{background:var(--card);padding:22px;border-radius:var(--radius);margin-top:26px}
.site-footer{text-align:center;padding:22px;color:var(--muted)}
.page-logo{display:block;margin:0 auto 20px;max-height:120px}
.discord-logo{height:32px;width:32px;margin-right:8px;vertical-align:middle}