/* Glassmorphism + Neon + Gradients */
:root {
  --bg-primary: 220 20% 15%;
  --bg-secondary: 220 20% 25%;
  --glass-bg: rgba(255, 255, 255, 0.1);
  --glass-border: rgba(255, 255, 255, 0.2);
  --text-primary: 210 20% 95%;
  --text-secondary: 210 20% 75%;
  --accent: 280 100% 70%;
  --success: 160 70% 50%;
  --warning: 40 90% 55%;
  --danger: 0 80% 60%;
  --gradient: linear-gradient(135deg, hsl(var(--accent) / 0.3), hsl(var(--accent) / 0.1));
}

[data-theme="dark"] {
  --bg-primary: 220 15% 10%;
  --bg-secondary: 220 15% 20%;
  --glass-bg: rgba(30, 30, 50, 0.8);
  --glass-border: rgba(100, 100, 150, 0.3);
  --text-primary: 210 20% 95%;
  --text-secondary: 210 20% 75%;
}

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

body {
  min-height: 100vh;
  background: radial-gradient(circle at 20% 80%, hsl(var(--accent) / 0.3) 0%, transparent 50%),
              radial-gradient(circle at 80% 20%, hsl(var(--success) / 0.2) 0%, transparent 50%),
              hsl(var(--bg-primary) / 1);
  color: hsl(var(--text-primary));
  font-family: system-ui, -apple-system, sans-serif;
  line-height: 1.6;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

header {
  backdrop-filter: blur(20px);
  background: var(--glass-bg);
  border-bottom: 1px solid var(--glass-border);
  position: sticky;
  top: 0;
  z-index: 100;
}

@keyframes float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
}

/* Add more modern styles... (full CSS truncated) */