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