/* ════════════════════════════════════════
   BASE.CSS — CSS Variables & Reset
   ════════════════════════════════════════ */

:root {
    --neon-cyan:   #00f5ff;
    --neon-pink:   #ff006e;
    --neon-yellow: #ffd60a;
    --neon-green:  #39ff14;
    --neon-red:    #ff0040;
    --dark-bg:     #050a0f;
    --dark-card:   #0a1520;
    --dark-border: #0f2030;
    --glow-cyan:   0 0 10px #00f5ff, 0 0 30px #00f5ff55, 0 0 60px #00f5ff22;
    --glow-pink:   0 0 10px #ff006e, 0 0 30px #ff006e55;
    --glow-yellow: 0 0 10px #ffd60a, 0 0 30px #ffd60a55;
}

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

body {
    background: var(--dark-bg);
    color: white;
    font-family: 'Rajdhani', sans-serif;
    min-height: 100vh;
    overflow-x: hidden;
    cursor: none;
}

.container {
    max-width: 540px;
    margin: 0 auto;
    padding: 30px 20px 60px;
    position: relative;
    z-index: 1;
}