/* ===== RESET & BASE ===== */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
  --sg-bg: #0a0e1a;
  --sg-bg-alt: #111827;
  --sg-card: #1a1f35;
  --sg-card-hover: #222845;
  --sg-text: #e2e8f0;
  --sg-text-muted: #94a3b8;
  --sg-neon-blue: #00bfff;
  --sg-neon-orange: #ff6a00;
  --sg-border: #2d3555;
  --sg-radius: 12px;
  --sg-max-width: 1200px;
  --sg-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

html { scroll-behavior: smooth; }

body {
  font-family: var(--sg-font);
  background: var(--sg-bg);
  color: var(--sg-text);
  line-height: 1.7;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
}

a { color: var(--sg-neon-blue); text-decoration: none; transition: color .2s; }
a:hover { color: var(--sg-neon-orange); }

img { max-width: 100%; height: auto; display: block; }

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