.login-page{min-height:100vh;background:var(--bg-base)}.login-brand,.login-page{display:flex;overflow:hidden}.login-brand{flex:1;align-items:center;justify-content:center;padding:60px;position:relative;background:linear-gradient(135deg,#0d1117,#111827 50%,#0d1117)}.login-brand:before{top:-20%;left:-10%;width:60%;height:80%;background:radial-gradient(ellipse,rgba(22,93,255,.08) 0,transparent 70%)}.login-brand:after,.login-brand:before{content:"";position:absolute;pointer-events:none}.login-brand:after{bottom:-20%;right:-10%;width:50%;height:60%;background:radial-gradient(ellipse,rgba(212,175,55,.05) 0,transparent 70%)}.login-brand-inner{position:relative;z-index:1;max-width:400px}.login-form-area{width:480px;min-width:480px;display:flex;align-items:center;justify-content:center;padding:40px;background:var(--bg-elevated);border-left:1px solid var(--border)}@media (max-width:960px){.login-page{flex-direction:column}.login-brand{display:none}.login-form-area{width:100%;min-width:0;flex:1;border-left:none}}.login-card{width:100%;max-width:420px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-xl);padding:40px 36px;box-shadow:var(--shadow-lg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);position:relative;z-index:1}.login-logo{text-align:center;margin-bottom:32px}.login-logo h1{font-size:30px;font-weight:700;color:var(--text-primary);margin-bottom:6px;letter-spacing:-.01em}.login-logo h1 span{color:var(--accent)}.login-logo p{color:var(--text-secondary);font-size:14px}.login-tabs{display:flex;margin-bottom:var(--space-6);border-bottom:1px solid var(--border)}.login-tab{flex:1;padding:var(--space-3) var(--space-4);background:none;color:var(--text-muted);font-size:14px;font-weight:500;cursor:pointer;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all var(--transition)}.login-tab:hover{color:var(--text-primary)}.login-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.login-form{gap:var(--space-4)}.login-field,.login-form{display:flex;flex-direction:column}.login-field{gap:6px}.login-label{font-size:13px;font-weight:500;color:var(--text-secondary)}.login-input{width:100%;padding:11px 14px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-size:14px;transition:all var(--transition);outline:none}.login-input::placeholder{color:var(--text-muted)}.login-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light),0 0 12px rgba(22,93,255,.1);background:var(--bg-elevated)}.login-submit{width:100%;padding:12px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius);font-size:14px;font-weight:600;cursor:pointer;transition:all var(--transition);margin-top:var(--space-2);box-shadow:0 2px 8px rgba(22,93,255,.3)}.login-submit:hover{background:var(--accent-hover);box-shadow:0 4px 16px rgba(22,93,255,.35);transform:translateY(-1px)}.login-submit:active{transform:translateY(0)}.login-submit:disabled{opacity:.5;cursor:not-allowed;transform:none}.login-error{padding:var(--space-3);background:var(--danger-bg);border:1px solid rgba(255,69,58,.3);border-radius:var(--radius);color:var(--danger)}.login-error,.login-footer{font-size:13px;text-align:center}.login-footer{margin-top:var(--space-6);color:var(--text-secondary)}.login-footer a{color:var(--accent);font-weight:500}.login-footer a:hover{color:var(--accent-hover)}