:root{
  --bg:#101828;
  --bg-2:#0b1220;
  --panel:#0f172a;
  --border:rgba(255,255,255,.08);

  --text:#b5b7bd;
  --text-strong:#eef2ff;

  --primary:#990ffa;
  --primary-2:#7c3aed;

  --shadow: 0 20px 50px rgba(0,0,0,.45);
  --radius: 14px;
  --radius-lg: 22px;

  --container: 1120px;
}

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

body{
  margin:0;
  font-family: system-ui,-apple-system, Segoe UI, Roboto, sans-serif;
  background: radial-gradient(1200px 600px at 20% 0%, rgba(153,15,250,.15), transparent 60%),
              radial-gradient(900px 500px at 90% 10%, rgba(124,58,237,.12), transparent 55%),
              var(--bg);
  color: var(--text);
}

a{ color:inherit; text-decoration:none; }
a:hover{ opacity:.9; }

.container{
  max-width: var(--container);
  margin: 0 auto;
  padding: 0 22px;
}