/* Custom Styles */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');

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

body {
    font-family: 'Inter', sans-serif;
    background-color: #0a0a0a;
    color: #ffffff;
    line-height: 1.6;
}

.neon-glow {
            box-shadow: 0 0 20px rgba(0, 255, 136, 0.3), 0 0 40px rgba(0, 255, 136, 0.2), 0 0 60px rgba(0, 255, 136, 0.1);
        }
        
        .neon-text {
            text-shadow: 0 0 10px rgba(0, 255, 136, 0.5), 0 0 20px rgba(0, 255, 136, 0.3);
        }
        
        .gradient-border {
            position: relative;
            background: linear-gradient(45deg, #00ff88, #00cc66);
            padding: 2px;
            border-radius: 12px;
        }
        
        .gradient-border-inner {
            background: #1a1a1a;
            border-radius: 10px;
            padding: 1.5rem;
        }
        
        .hover-neon:hover {
            transform: translateY(-2px);
            box-shadow: 0 0 30px rgba(0, 255, 136, 0.4);
            transition: all 0.3s ease;
        }

        .iti { width: 100%; }
        .iti__country-list { background: #1a1a1a; border: 1px solid #00ff88; }
        .iti__country:hover { background: rgba(0, 255, 136, 0.1); }
        
        .cookie-banner {
            position: fixed;
            bottom: 0;
            left: 0;
            right: 0;
            background: rgba(26, 26, 26, 0.95);
            backdrop-filter: blur(10px);
            border-top: 2px solid #00ff88;
            z-index: 1000;
        }
        
        .page { display: none; }
        .page.active { display: block; }