.login-bg {
    background: linear-gradient(135deg, #000000 0%, #1a1a1a 100%);
    display: flex; align-items: center; justify-content: center; min-height: 100vh;
}

.login-container { text-align: center; width: 100%; max-width: 400px; padding: 20px; }

.brand-title {
    font-size: 2.5rem; font-weight: 700; 
    color: #ff6600;
    margin-bottom: 5px; letter-spacing: 1px;
}
.brand-subtitle { font-size: 1.1rem; color: #ccc; margin-bottom: 30px; }

.login-card {
    background: #1e1e1e; padding: 30px; border-radius: 20px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.5); border: 1px solid #333;
}
.login-card h3 { margin-top: 0; color: #fff; margin-bottom: 25px; }

.form-group { margin-bottom: 20px; text-align: left; }
.form-group label { display: block; margin-bottom: 8px; font-weight: 600; color: #ccc; font-size: 0.9rem; }

.demo-hint { margin-top: 20px; color: #888; font-size: 0.85rem; }
.demo-hint b { color: #ff6600; }