:root {
  --bg: #0f0f12;
  --bg-card: #1a1a22;
  --bg-input: #2a2a32;
  --text: #e0e0e0;
  --text-muted: #888;
  --accent: #00ff9d;
  --accent-hover: #00cc7a;
  --accent-gradient: linear-gradient(90deg, #00ff9d, #00cc7a);
  --accent-glow: 0 10px 25px rgba(0, 255, 157, 0.3);
  --border: #333;
  --border-hover: #00ff9d;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --shadow-card: 0 10px 30px rgba(0, 0, 0, 0.4);
  --font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'SFMono-Regular', Consolas, 'Liberation Mono', monospace;
}

* { margin: 0; padding: 0; box-sizing: border-box; }

body {
  font-family: var(--font-sans);
  background: var(--bg);
  color: var(--text);
  padding: 20px;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

header { text-align: center; margin-bottom: 30px; }

h1 {
  background: var(--accent-gradient);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 2.4rem;
}

.subtitle { color: var(--text-muted); font-size: 1.1rem; }