
        body { font-family: 'Plus Jakarta Sans', sans-serif; }
        .main-bg { background-color: #f8fafc; overflow: hidden; position: relative; min-height: 100vh; }
        .glass { 
            background: rgba(255, 255, 255, 0.7); 
            backdrop-filter: blur(15px); 
            border: 1px solid rgba(255, 255, 255, 0.4); 
        }
        .particle {
            position: absolute;
            border-radius: 50%;
            background: rgba(37, 99, 235, 0.15);
            animation: float-up infinite linear;
            z-index: 1;
        }
        @keyframes float-up {
            0% { transform: translateY(100vh) scale(0); opacity: 0; }
            50% { opacity: 0.6; }
            100% { transform: translateY(-10vh) scale(1.2); opacity: 0; }
        }
        .floating-emoji { animation: float-emoji 4s ease-in-out infinite; }
        @keyframes float-emoji {
            0%, 100% { transform: translateY(0) rotate(12deg); }
            50% { transform: translateY(-15px) rotate(-12deg); }
        }
        .eye-btn:hover { background: rgba(37, 99, 235, 0.05); color: #2563eb; }
        .fade-in-down { animation: fadeInDown 0.5s ease-out; }
        @keyframes fadeInDown {
            from { opacity: 0; transform: translateY(-10px); }
            to { opacity: 1; transform: translateY(0); }
        }
    