/* --- Color Variables and Core Styling --- */
        :root {
            --color-coral: #FF5A5F;
            --color-indigo: #1A1B4B;
            --color-pink: #FF3CA6;
            --color-white: #F9F9F9;
        }

        body {
            background-color: var(--color-indigo);
            color: var(--color-white);
            font-family: 'Inter', sans-serif;
            scroll-behavior: smooth;
            cursor: none; /* Hide default cursor to use custom neon cursor */
            min-height: 100vh;
            overflow-x: hidden;
        }

        /* --- Typography --- */
        h1, h2, h3, .font-poppins {
            font-family: 'Poppins', sans-serif;
        }

        /* Neon Glow Effect */
        .neon-glow-text {
            text-shadow: 0 0 6px var(--color-pink), 0 0 12px var(--color-coral);
        }
        
        /* Neon Button/Border Glow */
        .neon-glow-border {
            border: 2px solid var(--color-coral);
            box-shadow: 0 0 8px var(--color-pink), 0 0 16px var(--color-coral);
            transition: all 0.3s ease-in-out;
        }
        .neon-glow-border:hover {
            box-shadow: 0 0 12px var(--color-pink), 0 0 24px var(--color-coral);
            transform: translateY(-2px);
        }

        /* Glassmorphism Card (Dark Mode) */
        .glass-card {
            background: rgba(40, 42, 70, 0.4); /* Dark Indigo with transparency */
            backdrop-filter: blur(12px);
            border: 1px solid rgba(255, 60, 166, 0.2); /* Soft Pink Border */
            box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3);
            border-radius: 1.5rem;
            transition: all 0.3s ease-in-out;
        }
        .glass-card:hover {
            border: 1px solid var(--color-coral);
            transform: scale(1.01);
        }
        .glass-card-nohover:hover {
            transform: none;
        }

        /* --- Animations & Interactions --- */
        .fade-in-on-scroll {
            opacity: 0;
            transform: translateY(40px);
            transition: opacity 1.2s ease-out, transform 1.2s ease-out;
        }
        .fade-in-on-scroll.is-visible {
            opacity: 1;
            transform: translateY(0);
        }
        
        /* Hero Animated Gradient */
        #hero-gradient {
            background: linear-gradient(-45deg, var(--color-indigo), #3A1B6A, var(--color-pink), var(--color-coral));
            background-size: 400% 400%;
            animation: gradient-shift 15s ease infinite;
        }

        @keyframes gradient-shift {
            0% { background-position: 0% 50%; }
            50% { background-position: 100% 50%; }
            100% { background-position: 0% 50%; }
        }

        /* --- Custom Neon Cursor Trail --- */
        #neon-cursor {
            width: 15px;
            height: 15px;
            border-radius: 50%;
            background: radial-gradient(circle, var(--color-coral) 20%, var(--color-pink) 80%);
            mix-blend-mode: soft-light;
            pointer-events: none;
            position: fixed;
            z-index: 9999;
            transition: transform 0.1s ease-out, opacity 0.3s;
            box-shadow: 0 0 5px var(--color-coral), 0 0 10px var(--color-pink);
            opacity: 0.8;
            filter: blur(2px);
            transform: translate(-50%, -50%);
        }

        /* Custom Scrollbar for Modal Content */
        .custom-scrollbar::-webkit-scrollbar {
            width: 8px;
        }
        .custom-scrollbar::-webkit-scrollbar-thumb {
            background: var(--color-coral);
            border-radius: 10px;
        }
        .custom-scrollbar::-webkit-scrollbar-track {
            background: rgba(255, 90, 95, 0.1);
        }