html { height: 100%; background-color: #0f0c29; }
        body {
            background: linear-gradient(135deg, #0f0c29 0%, #302b63 50%, #24243e 100%) fixed;
            color: #fff; font-family: 'Segoe UI', sans-serif;
            height: 100vh; display: flex; align-items: center; justify-content: center;
            overflow: hidden; margin: 0;
        }
        
        .login-card {
            background: rgba(255, 255, 255, 0.05); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);
            padding: 40px; border-radius: 20px; border: 1px solid rgba(255, 255, 255, 0.1);
            width: 100%; max-width: 400px; box-shadow: 0 15px 35px rgba(0,0,0,0.5);
        }
        
        .card-header-box { text-align: center; margin-bottom: 25px; }
        /* BOLD TEXT: Keep Bold as requested */
        .card-header-box h2 { font-weight: 700; }
        
        .form-control { background: rgba(0,0,0,0.3); border: 1px solid #444; color: #fff; padding: 12px; border-radius: 10px; }
        .form-control:focus { background: rgba(0,0,0,0.5); color: #fff; border-color: #e94560; box-shadow: 0 0 10px rgba(233, 69, 96, 0.3); }
        
        .btn-login {
            background: linear-gradient(45deg, #e94560, #ff6b6b); border: none; padding: 12px; width: 100%;
            font-weight: bold; border-radius: 10px; color: white; margin-top: 20px; transition: 0.3s; font-size: 16px;
        }
        .btn-login:hover { transform: translateY(-2px); box-shadow: 0 0 20px rgba(233, 69, 96, 0.6); }

        /* DARK TEXT FIX: Footer links visibility */
        .footer-links a { 
            color: #bbbbbb !important; 
            text-decoration: none !important; 
            font-size: 0.85rem; 
            transition: 0.3s; 
        }
        .footer-links a:hover { 
            color: #e94560 !important; 
        }
        
        a { text-decoration: none !important; }

        /* DARK TEXT FIX: Muted text visibility */
        .text-muted { color: #cccccc !important; }