body {
            font-family: 'Poppins', sans-serif;
            background: linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #4c1d95 100%);
            height: 100vh;
            overflow: hidden;
            margin: 0;
            padding: 0;
        }

        .shine-text {
            background: linear-gradient(90deg, #ffffff, #e0e0e0, #ffffff);
            background-size: 200% auto;
            color: transparent;
            -webkit-background-clip: text;
            background-clip: text;
            animation: shine 3s linear infinite;
        }

        @keyframes shine {
            0% { background-position: 0% center; }
            100% { background-position: 200% center; }
        }

        .glow {
            text-shadow: 0 0 10px rgba(255, 255, 255, 0.7);
        }

        .enter-btn {
            transition: all 0.3s ease;
            box-shadow: 0 0 15px rgba(124, 58, 237, 0.5);
        }

        .enter-btn:hover {
            transform: translateY(-3px);
            box-shadow: 0 0 25px rgba(124, 58, 237, 0.8);
        }

        .particle {
            position: absolute;
            background-color: rgba(255, 255, 255, 0.5);
            border-radius: 50%;
            pointer-events: none;
            z-index: 10;
        }

        .typing-cursor {
            display: inline-block;
            width: 10px;
            height: 2rem;
            background-color: white;
            margin-left: 5px;
            animation: blink 0.7s infinite;
        }

        @keyframes blink {
            0%, 100% { opacity: 1; }
            50% { opacity: 0; }
        }

        @keyframes float {
            0% {
                transform: translate(0, 0) rotate(0deg);
                opacity: 1;
            }
            100% {
                transform: translate(var(--tx, 100px), var(--ty, 100px)) rotate(360deg);
                opacity: 0;
            }
        }

        .animate-in {
            animation: fadeIn 0.5s ease-in-out forwards;
        }

        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(10px); }
            to { opacity: 1; transform: translateY(0); }
        }

        .loading-bar {
            height: 4px;
            background: linear-gradient(90deg, #4F46E5, #9333EA);
            width: 0%;
            transition: width 0.3s ease;
            position: fixed;
            top: 0;
            left: 0;
            z-index: 100;
        }