/* Variables, resets, body, base */
:root{
  --bg:#0b0f12;
  --card:#12181d;
  --text:#e9eef3;
  --muted:#9fb0bf;
  --brand:#27c04b;
  --accent:#1ea0ff;
  --accent-2:#ff5069;
  --accent-3:#ffd04d;
  --border:#1e252c;
  --shadow:0 6px 24px rgba(0,0,0,.25);
  --radius:16px;
}

*{box-sizing:border-box}
html,body{
  margin:auto;
  padding:auto;
}

body{
  font-family:system-ui,Segoe UI,Roboto,Inter,Arial,sans-serif;
  background:linear-gradient(180deg,#0a0e11 0%, #0e1419 100%);
  color:var(--text);
  min-height:100vh;
  display:flex;
  flex-direction:column;
}

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