body {
            background-color: #0B0E14;
            color: #E2E8F0;
        }

        /* Animations */
        @keyframes float {
            0% { transform: translateY(0px) rotate(0deg); }
            50% { transform: translateY(-20px) rotate(5deg); }
            100% { transform: translateY(0px) rotate(0deg); }
        }

        @keyframes slowSpin {
            0% { transform: rotateY(0deg); }
            100% { transform: rotateY(360deg); }
        }

        .floating-icon { animation: float 6s ease-in-out infinite; }
        .logo-spin { animation: slowSpin 10s linear infinite; transform-style: preserve-3d; }
        .delay-1 { animation-delay: 0s; }
        .delay-2 { animation-delay: 2s; }
        .delay-3 { animation-delay: 4s; }

        .glow-text { text-shadow: 0 0 25px rgba(0, 212, 255, 0.4); }

        /* Modern Gradient Border Card */
        .gradient-border-card {
            position: relative;
            background: #151A25;
            border-radius: 1rem;
            z-index: 1;
        }
        .gradient-border-card::before {
            content: "";
            position: absolute;
            inset: -2px;
            z-index: -1;
            /*background: linear-gradient(135deg, #7C3AED, #00D4FF);*/
            border-radius: 1.1rem;
            opacity: 0.6;
            transition: opacity 0.3s ease, filter 0.3s ease;
            border:1px solid;
        }
        .gradient-border-card:hover::before {
            opacity: 1;
            filter: blur(4px);
        }

        /* Glassmorphism */
        .glass-card {
            background: rgba(21, 26, 37, 0.7);
            backdrop-filter: blur(10px);
            border: 1px solid rgba(255, 255, 255, 0.1);
        }
        
        /* Event Info Badges */
        .event-badge {
            background: rgba(255, 255, 255, 0.05);
            backdrop-filter: blur(5px);
            border: 1px solid rgba(255, 255, 255, 0.1);
            transition: all 0.3s ease;
        }
        .event-badge:hover {
            background: rgba(255, 255, 255, 0.1);
            transform: translateY(-2px);
            box-shadow: 0 4px 20px rgba(124, 58, 237, 0.2);
        }

        /* Watermark Numbers */
        .watermark-number {
            font-size: 8rem;
            font-weight: 800;
            color: rgba(255, 255, 255, 0.03);
            position: absolute;
            top: -40px;
            right: 0px;
            z-index: 0;
            line-height: 1;
        }

        /* Mentor Background Text */
        .mentor-bg-text {
            position: absolute;
            font-size: 15vw;
            font-weight: 900;
            color: rgba(255, 255, 255, 0.02);
            z-index: 0;
            bottom: -50px;
            left: 50%;
            transform: translateX(-50%);
            white-space: nowrap;
            pointer-events: none;
            font-family: 'Space Grotesk', sans-serif;
        }
        
        html { scroll-behavior: smooth; }