.login-page{grid-template-columns:1.1fr .9fr;align-items:center;gap:40px;max-width:1200px;min-height:100vh;margin:0 auto;padding:40px;display:grid}.login-branding{flex-direction:column;gap:20px;padding-right:40px;display:flex}.branding-logo{align-items:center;gap:15px;display:flex}.brand-logo-img{object-fit:contain;max-width:100%;max-height:90px}.branding-subtitle{color:var(--text-secondary);font-size:1.15rem;line-height:1.8}.login-card-container{justify-content:center;width:100%;display:flex}.login-card{border-radius:var(--radius-lg);width:100%;max-width:440px;padding:30px}.card-header-tabs{border-radius:var(--radius-sm);border:1px solid var(--border-glass);background:#0003;grid-template-columns:1fr 1fr;margin-bottom:25px;padding:4px;display:grid}.tab-btn{color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:10px;font-size:.9rem;font-weight:600;display:flex}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{background:var(--bg-glass-heavy);color:var(--primary-cyan);border:1px solid var(--border-glass-bright);box-shadow:0 4px 10px #0003}.form-title-text{text-align:center;margin-bottom:20px;font-size:1.4rem}.error-alert{background:var(--danger-glow);border-radius:var(--radius-sm);color:var(--text-primary);border:1px solid #ef44444d;align-items:flex-start;gap:10px;margin-bottom:20px;padding:12px 16px;font-size:.88rem;line-height:1.4;display:flex}.error-icon{color:var(--danger);flex-shrink:0;margin-top:2px}.input-with-icon{width:100%;position:relative}.input-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.input-with-icon .form-input{padding-left:44px}.btn-submit{width:100%;margin-top:10px;padding:12px}.demo-accounts{border-top:1px solid var(--border-glass);flex-direction:column;align-items:center;gap:10px;margin-top:25px;padding-top:20px;display:flex}.demo-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.demo-buttons{gap:10px;width:100%;display:flex}.demo-buttons .btn{flex:1}@media (max-width:900px){.login-page{grid-template-columns:1fr;gap:30px;padding:20px}.login-branding{text-align:center;align-items:center;padding-right:0}.brand-logo-img{max-height:70px}}