body { font-family: 'Plus Jakarta Sans', sans-serif; }
        .main-bg { background-color: #f8fafc; overflow-y: auto; 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); } }
        .strength-bar { transition: width 0.5s ease, background-color 0.5s ease; }
        
        button:disabled {
            opacity: 0.5;
            cursor: not-allowed;
            filter: grayscale(1);
        }
        .eye-btn:hover { background: rgba(37, 99, 235, 0.05); color: #2563eb; }