:root{
  --bg: #10131a;
  --bg2:#151a24;
  --surface:#1a2030;
  --card:#202a3d;
  --text:#f4f6fb;
  --muted:#c8cfdb;
  --line: rgba(255,255,255,.12);
  --red:#c1121f; /* logo-inspired */
  --red2:#ff3b4a;
  --shadow: 0 24px 60px rgba(0,0,0,.45);
  --radius: 20px;
  --radius2: 28px;
  --container: 1400px;
}

*{ box-sizing: border-box; }
html, body{ height:100%; }
body{
  margin:0;
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  background: radial-gradient(1200px 500px at 20% 0%, rgba(193,18,31,.18), transparent 60%),
              radial-gradient(900px 600px at 90% 20%, rgba(255,59,74,.10), transparent 55%),
              linear-gradient(180deg, var(--bg) 0%, #0d1118 100%);
  color: var(--text);
  line-height: 1.5;
}

img{ max-width:100%; display:block; }
a{ color: inherit; text-decoration:none; }
button, input, select, textarea{ font: inherit; color: inherit; }
button{ cursor:pointer; }

.container{
  width: min(var(--container), calc(100% - 12px));
  margin: 0 auto;
}

h1,h2,h3{ line-height:1.12; margin:0; }
p{ margin:0; }

.w-full{ width:100%; }
.fineprint{
  font-size: 12px;
  color: var(--muted);
  margin-top: 10px;
}