.login-header{position:fixed;top:0;left:0;right:0;height:60px;background:rgba(10,11,14,.85);backdrop-filter:blur(12px);border-bottom:1px solid var(--gray-200);display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-6);z-index:100}.login-logo{display:flex;align-items:center;gap:var(--spacing-2);text-decoration:none;font-size:1.1rem;font-weight:700;color:var(--gray-900)}.login-logo em{font-style:normal;color:var(--primary-900)}.header-back{font-size:.875rem;color:var(--gray-500);text-decoration:none;transition:color .2s}.header-back:hover{color:var(--primary-900)}.login-page{min-height:100vh;padding-top:60px;display:flex}.login-inner{display:grid;grid-template-columns:1fr 1fr;width:100%;max-width:1100px;margin:0 auto}.login-brand{background:linear-gradient(160deg,rgba(108,92,231,.12) 0%,var(--bg-secondary) 100%);padding:var(--spacing-16) var(--spacing-12);display:flex;flex-direction:column;justify-content:center}.brand-logo{display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-6)}.brand-logo-icon{font-size:2.5rem}.brand-logo-text{font-size:1.8rem;font-weight:800;color:var(--gray-900)}.brand-logo-hl{color:var(--primary-900)}.brand-slogan{font-size:1.1rem;color:var(--gray-500);margin-bottom:var(--spacing-8)}.brand-features{display:flex;flex-direction:column;gap:var(--spacing-3);margin-bottom:var(--spacing-8)}.bf-item{display:flex;align-items:center;gap:var(--spacing-3);font-size:.95rem;color:var(--gray-600)}.bf-icon{width:22px;height:22px;border-radius:50%;background:rgba(108,92,231,.15);color:var(--primary-900);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0}.brand-quote{border-left:3px solid var(--primary-900);padding-left:var(--spacing-4);margin:0}.brand-quote p{font-style:italic;color:var(--gray-600);margin-bottom:var(--spacing-2)}.brand-quote cite{font-size:.85rem;color:var(--gray-400);font-style:normal}.login-form-area{display:flex;align-items:center;justify-content:center;padding:var(--spacing-8) var(--spacing-10);background:var(--bg-primary)}.auth-container{width:100%;max-width:400px}.auth-card{background:var(--bg-tertiary);border:1px solid var(--gray-200);border-radius:var(--radius-2xl);padding:var(--spacing-8)}.auth-brand{text-align:center;margin-bottom:var(--spacing-6)}.auth-brand img{width:200px;margin-bottom:10px}.brand-icon{font-size:2.5rem}.brand-title{font-size:1.5rem;font-weight:800;color:var(--gray-900);margin:var(--spacing-2) 0 var(--spacing-1)}.brand-accent{color:var(--primary-900)}.brand-slogan2{font-size:.875rem;color:var(--gray-500)}.auth-steps{display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:var(--spacing-6)}.auth-step{display:flex;flex-direction:column;align-items:center;gap:4px}.step-dot{width:28px;height:28px;border-radius:50%;border:2px solid var(--gray-200);background:var(--bg-secondary);color:var(--gray-500);font-size:.8rem;font-weight:700;display:flex;align-items:center;justify-content:center;transition:all .2s}.auth-step.active .step-dot{border-color:var(--primary-900);background:var(--primary-900);color:#fff}.auth-step.done .step-dot{border-color:var(--success);background:var(--success);color:#fff}.step-label{font-size:.7rem;color:var(--gray-500);white-space:nowrap}.auth-step.active .step-label{color:var(--primary-900)}.step-line{flex:1;height:2px;background:var(--gray-200);min-width:24px;transition:background .2s}.step-line.active{background:var(--primary-900)}.auth-step-panel{animation:fadeIn .25s ease}@keyframes fadeIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.form-group{margin-bottom:var(--spacing-4)}.form-group label{display:block;font-size:.875rem;color:var(--gray-600);margin-bottom:var(--spacing-2);font-weight:500}.input-icon-wrap{position:relative}.input-icon{position:absolute;left:var(--spacing-4);top:50%;transform:translateY(-50%);font-size:1rem;pointer-events:none}.input-icon-wrap input{padding-left:var(--spacing-10)}.form-error{font-size:.8rem;color:var(--error);margin-top:4px;display:block}.auth-tip{text-align:center;font-size:.8rem;color:var(--gray-500);margin-top:var(--spacing-3)}.auth-signname{color:var(--gray-300)}.captcha-title{display:flex;align-items:flex-start;gap:var(--spacing-3);background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-4);margin-bottom:var(--spacing-4)}.captcha-icon{font-size:1.5rem;flex-shrink:0}.captcha-heading{font-size:.95rem;font-weight:600;color:var(--gray-900)}.captcha-sub{font-size:.8rem;color:var(--gray-500);margin-top:2px}.captcha-box{background:var(--bg-secondary);border-radius:var(--radius-xl);padding:var(--spacing-5);margin-bottom:var(--spacing-5)}.captcha-question{font-size:.875rem;color:var(--gray-500);margin-bottom:var(--spacing-4)}.math-row{display:flex;align-items:center;gap:var(--spacing-4)}.math-display{display:flex;align-items:center;gap:var(--spacing-3);background:var(--bg-elevated);padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-lg)}.math-num{font-size:1.5rem;font-weight:800;color:var(--primary-900)}.math-op{font-size:1.25rem;color:var(--gray-500)}.math-q{font-size:1.5rem;font-weight:800;color:var(--gray-400)}.math-input{-moz-appearance:textfield;appearance:textfield;width:90px;flex-shrink:0;text-align:center;font-size:1.2rem;font-weight:700}.math-input::-webkit-inner-spin-button,.math-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.step-actions{display:flex;gap:var(--spacing-3)}.code-info{display:flex;align-items:center;gap:var(--spacing-3);background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-4);margin-bottom:var(--spacing-5)}.code-info-icon{font-size:1.5rem;flex-shrink:0}.code-info-text{font-size:.8rem;color:var(--gray-500);margin-bottom:5px}.code-info-email{font-size:.9rem;font-weight:600;color:var(--gray-900)}.btn-link{margin-left:auto;background:none;border:0;color:var(--primary-900);font-size:.8rem;cursor:pointer;font-family:inherit}.code-input-row{display:flex;gap:var(--spacing-3)}.code-input-row input{flex:1}.resend-row{display:flex;justify-content:flex-end;margin-top:var(--spacing-2)}.btn-resend{background:none;border:0;color:var(--primary-900);font-size:.8rem;cursor:pointer;font-family:inherit}.btn-resend:disabled{color:var(--gray-400);cursor:default}.spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:768px){.login-inner{grid-template-columns:1fr}.login-brand{display:none}.login-form-area{padding:var(--spacing-6)}}