:root{
  --bg:#0f1724; --card:#0b1220; --muted:#94a3b8; --accent:#06b6d4; --glass: rgba(255,255,255,0.04);
  --radius:12px; --max:1100px;
}
*{box-sizing:border-box}
body{
  margin:0;
  font-family:Inter,system-ui;
  color:#e6eef6;
  background:url('background.png') center/cover fixed, #071023;
}
.site{max-width:var(--max);margin:40px auto;padding:24px;background:rgba(0,0,0,0.4);border-radius:12px}
header{display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand{display:flex;gap:12px;align-items:center}
.logo{width:56px;height:56px;border-radius:12px;background:linear-gradient(135deg,var(--accent),#7c3aed);display:flex;align-items:center;justify-content:center;color:#012;font-weight:700}
nav ul{display:flex;gap:18px;list-style:none;padding:0;margin:0}
nav a{color:var(--muted);text-decoration:none;padding:8px 12px;border-radius:8px}
nav a:hover{color:white;background:var(--glass)}
.card{background:rgba(0,0,0,0.35);padding:24px;border-radius:var(--radius);margin-top:40px}
footer{margin-top:36px;padding:18px;border-radius:12px;background:rgba(0,0,0,0.35);display:flex;justify-content:space-between;flex-wrap:wrap}
.small{font-size:13px;color:var(--muted)}