/* Aplicando estilos normalizados V3.0 */
        body { 
            background: #000; 
            height: 100vh; 
            display: flex; 
            align-items: center; 
            color: #e0e0e0;
            font-family: 'Segoe UI', sans-serif;
            margin: 0;
        }
        .login-card { width: 100%; max-width: 380px; padding: 20px; margin: auto; }
        .card-custom { 
            background: #111; 
            border: 1px solid #333; 
            border-top: 4px solid #ffc107; /* Dorado Fleet Empire */
            border-radius: 8px;
        }
        .form-control { 
            background: #000; 
            border: 1px solid #444; 
            color: #fff; 
            font-size: 16px; /* Evita zoom automático en iOS */
        }
        .form-control:focus { 
            background: #050505; 
            border-color: #ffc107; 
            color: #fff; 
            box-shadow: none; 
        }
        .btn-fleet { 
            background: #ffc107; 
            color: #000; 
            font-weight: 800; 
            text-transform: uppercase; 
            letter-spacing: 1px;
            border: none;
        }
        .btn-fleet:hover { background: #e0a800; color: #000; }
        .text-gold { color: #ffc107; }
        label { font-size: 11px; text-transform: uppercase; font-weight: 700; color: #888; margin-bottom: 5px; }