.login-container { display: flex; justify-content: center; align-items: center; min-height: 100vh; position: relative; z-index: 10; padding: 20px; }
.glass-card { 
    background: var(--bg-card); padding: 40px; border-radius: 20px; width: 100%; max-width: 400px;
    border: 1px solid var(--border-color); backdrop-filter: var(--glass-blur); -webkit-backdrop-filter: var(--glass-blur);
    box-shadow: var(--card-shadow); 
}

.auth-toggle { display: flex; gap: 10px; margin-bottom: 30px; border-bottom: 1px solid var(--border-color); padding-bottom: 15px; }
.toggle-btn { 
    background: none; border: none; color: var(--text-muted); font-family: 'Rajdhani'; font-size: 1.1rem; 
    cursor: pointer; padding: 5px 10px; transition: 0.3s; flex: 1; text-align: center; font-weight: 600;
}
.toggle-btn.active { color: var(--saffron-primary); border-bottom: 2px solid var(--saffron-primary); }

.auth-form { display: none; flex-direction: column; gap: 15px; }
.auth-form.active { display: flex; }
.auth-form h3 { color: var(--text-main); font-family: 'Orbitron'; margin-top: 0; margin-bottom: 10px; font-size: 1.5rem; text-align: center;}

input, select {
    width: 100%; padding: 15px; background: var(--input-bg); border: 1px solid var(--border-color);
    color: var(--text-main); border-radius: 8px; font-family: 'Rajdhani', sans-serif; font-size: 1.1rem; box-sizing: border-box; transition: 0.3s;
}
input:focus, select:focus { outline: none; border-color: var(--saffron-primary); }

.auth-msg { text-align: center; font-family: 'Rajdhani'; margin-top: 15px; min-height: 20px; color: var(--saffron-secondary); }

/* Hide Admin Auth on PC version */
@media (min-width: 769px) {
    #btn-login-admin { display: none !important; }
}