:root {
  --app-bg-0: #070b12;
  --app-bg-1: #0b1220;
  --app-bg-2: #111827;
  --app-panel: rgba(15,23,42,.88);
  --app-panel-2: rgba(17,24,39,.96);
  --app-line: rgba(212,160,23,.38);
  --app-gold: #d4a017;
  --app-gold-soft: #f1c84b;
  --app-text: #e5edf7;
  --app-muted: #91a0b8;
  --app-blue: #38bdf8;
  --app-green: #22c55e;
  --app-orange: #f97316;
  --app-red: #ef4444;
  --app-white: #ffffff;
  --app-radius-card: 22px;
  --app-radius-button: 12px;
  --app-shadow-card: 0 24px 60px rgba(0,0,0,.34);
  --app-font: Arial, Helvetica, sans-serif;
}

* { box-sizing: border-box; }
html { background: var(--app-bg-0); }
body {
  margin: 0;
  min-height: 100vh;
  font-family: var(--app-font);
  color: var(--app-text);
  background:
    radial-gradient(circle at 20% 0%, rgba(56,189,248,.12), transparent 32%),
    radial-gradient(circle at 80% 0%, rgba(212,160,23,.14), transparent 28%),
    linear-gradient(180deg, var(--app-bg-0), var(--app-bg-1) 45%, #05070b 100%);
}

button, input, select, textarea { font-family: inherit; }
button { cursor: pointer; }
button:disabled { opacity: .55; cursor: not-allowed; }
a { color: var(--app-gold-soft); }


html, body { max-width: 100%; overflow-x: hidden; }
img, svg, canvas, video { max-width: 100%; height: auto; }