:root{
  --bg:#0f1115;
  --panel:#151925;
  --panel-2:#101422;
  --text:#e8eaf0;
  --muted:#a8afc2;
  --border:rgba(255,255,255,.08);

  --primary:#6ea8fe;
  --primary-2:#4d8dff;
  --danger:#ff6b6b;
  --success:#2ecc71;
  --warn:#f1c40f;

  --radius:14px;
  --shadow: 0 10px 30px rgba(0,0,0,.35);
  --maxw: 1040px;
  --font: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;

  --sidebar-w: 260px;
  --topbar-h: 64px;
  --glass: rgba(20, 22, 26, .72);
}

*{ box-sizing:border-box; }
html,body{ height:100%; }

body{
  margin:0;
  font-family:var(--font);
  background:
    radial-gradient(1200px 800px at 20% -10%, rgba(110,168,254,.12), transparent 60%),
    radial-gradient(900px 600px at 90% 0%, rgba(46,204,113,.10), transparent 55%),
    var(--bg);
  color:var(--text);
}

a{ color:var(--primary); text-decoration:none; }
a:hover{ text-decoration:underline; }

.container{
  max-width:var(--maxw);
  margin:0 auto;
  padding:24px 16px 48px;
}

h1,h2,h3{ margin:0 0 10px; letter-spacing:.2px; }
h1{ font-size:1.6rem; }
h2{ font-size:1.2rem; margin-top:18px; }
h3{ font-size:1.05rem; margin-top:14px; }

p{
  color:var(--muted);
  line-height:1.55;
  margin:10px 0;
}

hr{
  border:none;
  border-top:1px solid var(--border);
  margin:18px 0;
}