.auth-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-page-loading{background:#fafafa}.auth-brand,.auth-loading-inner,.auth-page-loading{display:flex;align-items:center;justify-content:center}.auth-brand{position:relative;padding:48px;background:#0a0a0a;overflow:hidden}.auth-brand-inner{position:relative;z-index:1;max-width:360px}.auth-brand-logo{display:inline-flex;align-items:center;gap:14px;margin-bottom:48px;color:#fff;font-size:28px;font-weight:700;letter-spacing:-.02em}.auth-brand-logo img{border-radius:12px;box-shadow:0 8px 32px rgba(30,228,168,.15)}.auth-brand-title{font-size:36px;font-weight:700;color:#fff;line-height:1.25;letter-spacing:-.03em;margin-bottom:16px}.auth-brand-desc{font-size:16px;color:rgba(255,255,255,.5);line-height:1.7;margin-bottom:40px}.auth-brand-features{list-style:none;display:flex;flex-direction:column;gap:14px}.auth-brand-features li{font-size:14px;color:rgba(255,255,255,.65);padding-left:20px;position:relative}.auth-brand-features li:before{content:"";position:absolute;left:0;top:8px;width:6px;height:6px;border-radius:50%;background:#1ee4a8}.auth-brand-glow{position:absolute;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,rgba(30,228,168,.12) 0,transparent 70%);bottom:-120px;right:-80px;pointer-events:none}.auth-main{display:flex;align-items:center;justify-content:center;padding:48px 32px;background:#fafafa}.auth-panel{width:100%;max-width:380px}.auth-back{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:#999;margin-bottom:40px;transition:color .2s}.auth-back svg{width:18px;height:18px}.auth-back:hover{color:#333}.auth-steps{gap:0;margin-bottom:32px}.auth-step,.auth-steps{display:flex;align-items:center}.auth-step{width:28px;height:28px;border-radius:50%;justify-content:center;font-size:13px;font-weight:600;border:2px solid #e0e0e0;color:#bbb;background:#fff;transition:all .3s}.auth-step.active{border-color:#12c992;color:#12c992;background:rgba(30,228,168,.08)}.auth-step.done{border-color:#12c992;background:#12c992;color:#fff}.auth-step-line{flex:1 1;max-width:48px;height:2px;background:#e8e8e8;margin:0 8px}.auth-step.active+.auth-step-line,.auth-step.done+.auth-step-line{background:#12c992}.auth-heading{margin-bottom:32px}.auth-heading h1{font-size:28px;font-weight:700;color:#111;letter-spacing:-.02em;margin-bottom:8px}.auth-heading p{font-size:15px;color:#888;line-height:1.5}.auth-form{display:flex;flex-direction:column;gap:16px}.auth-field{position:relative}.auth-input{width:100%;padding:16px 18px;border:1.5px solid #e8e8e8;border-radius:12px;font-size:16px;background:#fff;color:#222;outline:none;transition:border-color .2s,box-shadow .2s}.auth-input::placeholder{color:#c0c0c0}.auth-input:focus{border-color:#12c992;box-shadow:0 0 0 4px rgba(18,201,146,.1)}.auth-input-code{font-size:28px;letter-spacing:12px;text-align:center;font-weight:600;padding:18px}.auth-feedback{font-size:14px;line-height:1.4;padding:10px 14px;border-radius:8px}.auth-feedback-error{color:#d32f2f;background:rgba(211,47,47,.06)}.auth-feedback-success{color:#0d9668;background:rgba(18,201,146,.08)}.auth-submit{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:16px;margin-top:8px;border:none;border-radius:12px;background:linear-gradient(135deg,#1ee4a8,#12c992);color:#0a0a0a;font-size:16px;font-weight:600;cursor:pointer;transition:transform .15s,box-shadow .2s,opacity .2s;box-shadow:0 4px 16px rgba(18,201,146,.25)}.auth-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 24px rgba(18,201,146,.35)}.auth-submit:active:not(:disabled){transform:translateY(0)}.auth-submit:disabled{opacity:.65;cursor:not-allowed;transform:none}.auth-secondary{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:4px}.auth-text-btn{background:none;border:none;color:#12c992;font-size:14px;cursor:pointer;padding:4px 0;transition:opacity .2s}.auth-text-btn:hover:not(:disabled){opacity:.75}.auth-text-btn:disabled{color:#bbb;cursor:not-allowed}.auth-divider-dot{width:3px;height:3px;border-radius:50%;background:#ddd}.auth-spinner{width:18px;height:18px;border:2px solid rgba(10,10,10,.15);border-top-color:#0a0a0a;border-radius:50%;animation:auth-spin .7s linear infinite}.auth-spinner-lg{width:28px;height:28px;border-color:#12c992 rgba(18,201,146,.2) rgba(18,201,146,.2)}@keyframes auth-spin{to{transform:rotate(1turn)}}@media (max-width:860px){.auth-page{grid-template-columns:1fr;grid-template-rows:auto 1fr}.auth-brand{padding:32px 24px;min-height:auto}.auth-brand-inner{max-width:none;text-align:center}.auth-brand-logo{margin-bottom:20px;font-size:22px}.auth-brand-logo img{width:36px;height:36px}.auth-brand-title{font-size:24px;margin-bottom:8px}.auth-brand-desc{font-size:14px;margin-bottom:0}.auth-brand-features{display:none}.auth-brand-glow{width:300px;height:300px;bottom:-100px;right:50%;transform:translateX(50%)}.auth-main{padding:32px 24px 48px}.auth-back{margin-bottom:28px}}