.auth-stage.dark{--background:#08070c;--foreground:#e7e5ef;--card:#1a1822;--card-foreground:#e7e5ef;--popover:#17151f;--popover-foreground:#e7e5ef;--primary:#00a3ff;--primary-foreground:#04121f;--secondary:#221f2b;--secondary-foreground:#b9b5c7;--muted:#1d1b24;--muted-foreground:#8b8798;--accent:#00a3ff24;--accent-foreground:#7dd3fc;--border:#2e2c38;--input:#2e2c38;--ring:#00a3ff;--destructive:#f0736a;--destructive-foreground:#2a0f0f;--success:#34d399;--success-foreground:#052e21}.auth-stage{width:100%;height:100%;min-height:0;color:var(--foreground);background:#08070c;flex-direction:column;display:flex;position:relative;overflow:hidden auto}.auth-stage__backdrop{z-index:0;background-image:url(/assets/auth-bg-CetgKEd2.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;position:fixed;inset:0}.auth-stage__backdrop:after{content:"";background:linear-gradient(#060b186b 0%,#060b184d 40%,#060b188c 100%);position:absolute;inset:0}.auth-stage__viewport{z-index:1;flex-direction:column;align-items:center;width:100%;min-height:100%;padding:40px 24px;display:flex;position:relative}.auth-stage__content{flex-direction:column;align-items:center;width:100%;margin-block:auto;display:flex}.auth-stage__card-wrap{width:100%;max-width:28.75rem;position:relative}.auth-stage__glow{filter:blur(70px);pointer-events:none;border-radius:9999px;position:absolute}.auth-stage__glow--blue{background:#165dff66;width:300px;height:300px;top:-70px;left:-80px}.auth-stage__glow--green{background:#00d28759;width:320px;height:320px;bottom:-80px;right:-70px}.auth-stage__card{box-sizing:border-box;background:linear-gradient(135deg,#00a3fff2 0%,#00a3ff2e 32%,#10b9812e 62%,#00d287f2 100%);border-radius:24px;padding:1.5px;position:relative;box-shadow:0 0 60px #165dff38,0 0 120px #00d2871f,0 30px 80px #0009}.auth-stage__card-inner{background:radial-gradient(120% 90% at 0 0,#00a3ff24 0%,#0000 45%),radial-gradient(120% 90% at 100% 100%,#00d2871f 0%,#0000 45%),linear-gradient(165deg,#17151f 0%,#121017 55%,#181217 100%);border-radius:22.5px;padding:28px}.auth-stage__brand{flex-direction:column;align-items:center;gap:10px;min-width:0;margin-bottom:20px;display:flex}.auth-stage__brand-logo{object-fit:contain;border-radius:16px;width:48px;height:48px;display:block}.auth-stage__brand-name{color:#fff;text-align:center;letter-spacing:-.01em;overflow-wrap:anywhere;margin:0;font-size:20px;font-weight:700;line-height:1}.auth-stage__brand-subtitle{color:#64748b;text-align:center;letter-spacing:.22em;text-indent:.22em;overflow-wrap:anywhere;margin:6px 0 0;font-size:10px;font-weight:400;line-height:1.4}.auth-stage__steps{align-items:center;gap:8px;margin-bottom:20px;display:flex}.auth-stage__step{color:#6b6878;background:#221f2b;border:1px solid #2e2c38;border-radius:9999px;flex:none;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;font-weight:700;display:flex}.auth-stage__step--active{color:#fff;background:linear-gradient(135deg,#00a3ff,#00d287);border-color:#0000;box-shadow:0 0 16px #00a3ff8c}.auth-stage__step--done{color:#2dd4bf;background:#2dd4bf26;border-color:#2dd4bf66}.auth-stage__step-line{background:#2e2c38;flex:1;width:100%;height:1px}.auth-stage__step-line--done{background:linear-gradient(90deg,#00a3ffb3,#00d287b3)}.auth-stage__steps-label{color:#64748b;text-align:center;letter-spacing:.02em;margin:-20px 0 16px;font-size:11px}.auth-stage__footer{flex-direction:column;align-items:center;gap:6px;margin-top:20px;display:flex}.auth-stage__link{color:#64748b;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:6px;min-height:36px;padding:0 8px;font-size:12px;text-decoration:none;transition:color .2s;display:inline-flex}.auth-stage__link:hover{color:#cbd5e1}.auth-stage__link:focus-visible{outline:none;box-shadow:0 0 0 3px #00a3ff59}.auth-stage__copyright{color:#64748b;text-align:center;margin:24px 0 0;font-size:12px;line-height:18px}@media (width<=575px){.auth-stage__viewport{padding:20px 16px 28px}.auth-stage__card-inner{padding:24px 18px 20px}.auth-stage__brand{margin-bottom:16px}.auth-stage__brand-logo{width:44px;height:44px}.auth-stage__brand-name{font-size:18px}}@media (prefers-reduced-motion:reduce){.auth-stage,.auth-stage__viewport{scroll-behavior:auto}}.auth-input-group{position:relative}.auth-input-group__leading{color:#8b8798;pointer-events:none;align-items:center;font-size:14px;display:flex;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.auth-input-group__leading svg{width:18px;height:18px}.auth-input{color:#e7e5ef;background:#1d1b24;border:1px solid #2e2c38;border-radius:12px;width:100%;height:46px;padding:0 14px;font-size:14px;transition:border-color .2s,box-shadow .2s,background .2s}.auth-input-group .auth-input{padding-left:52px}.auth-input::placeholder{color:#6b6878}.auth-input:hover:not(:disabled):not([aria-invalid=true]){border-color:#3a3746}.auth-input:focus-visible{background:#201d2b;border-color:#00a3ffbf;outline:none;box-shadow:0 0 0 3px #00a3ff2e,0 0 18px #00a3ff26}.auth-input[aria-invalid=true]{border-color:#f0736aa6}.auth-input[aria-invalid=true]:focus-visible{border-color:#f0736a;box-shadow:0 0 0 3px #f0736a33}.auth-input:disabled{color:#6b6878;cursor:not-allowed;background:#191720}.auth-input--password{padding-right:46px}.auth-primary-btn{color:#121017;background:#f5f4f8;border-radius:12px;width:100%;min-height:46px;font-size:15px;font-weight:700;transition:background .25s,box-shadow .25s,transform .25s}.auth-primary-btn:hover:not(:disabled){background:#fff;transform:translateY(-1px);box-shadow:0 0 26px #00a3ff80,0 0 40px #00d28740}.auth-primary-btn:active:not(:disabled){transform:translateY(0)}.auth-primary-btn:focus-visible,.auth-ghost-btn:focus-visible,.auth-code-btn:focus-visible{outline:none;box-shadow:0 0 0 3px #00a3ff59}.auth-primary-btn:disabled{box-shadow:none;opacity:.5;transform:none}.auth-ghost-btn{color:#b9b5c7;background:0 0;border:1px solid #2e2c38;border-radius:10px;min-height:38px;padding:0 14px;font-size:13px;transition:border-color .2s,background .2s,color .2s}.auth-ghost-btn:hover:not(:disabled){color:#fff;background:#00a3ff14;border-color:#00a3ff99}.auth-code-btn{color:#67e8f9;white-space:nowrap;background:0 0;border:1px solid #06b6d466;border-radius:12px;flex:none;min-height:46px;padding:0 16px;font-size:13px;font-weight:500;transition:background .2s,border-color .2s}.auth-code-btn:hover:not(:disabled){background:#06b6d41a}.auth-code-btn:disabled{color:#8b8798;border-color:#2e2c38}.auth-status{color:#8b8798;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:148px;font-size:13px;line-height:1.6;display:flex}.auth-notice{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:8px 0;display:flex}.auth-notice__icon{color:#fff;background:linear-gradient(135deg,#00a3ff,#00d287);border-radius:16px;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 8px 26px #165dff73,0 4px 18px #00d2874d}.auth-notice__icon svg{width:24px;height:24px}.auth-notice__title{color:#fff;margin:0;font-size:20px;font-weight:700;line-height:1.25}.auth-notice__text{color:#8b8798;margin:0;font-size:13px;line-height:1.6}.auth-notice__action{width:100%;margin-top:4px}.auth-notice__buttons{flex-direction:column;gap:10px;width:100%;display:flex}.auth-notice__buttons>*{width:100%}.auth-panel{flex-direction:column;gap:24px;display:flex}.auth-panel__fields{flex-direction:column;gap:14px;display:flex}.auth-panel__header{align-items:center;gap:16px;display:flex}.auth-panel__badge{color:#fff;background:linear-gradient(135deg,#00a3ff,#00d287);border-radius:16px;flex:none;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 8px 26px #165dff73,0 4px 18px #00d2874d}.auth-panel__badge svg{width:24px;height:24px}.auth-panel__title{color:#fff;margin:0;font-size:20px;font-weight:700;line-height:1.15}.auth-panel__description{color:#64748b;margin:2px 0 0;font-size:13px;line-height:1.5}.auth-panel__actions{flex-direction:column;gap:10px;display:flex}.auth-confirm{background:#f0736a14;border:1px solid #f0736a4d;border-radius:12px;flex-direction:column;gap:8px;padding:12px;display:flex}.auth-confirm__title{color:#e7e5ef;margin:0;font-size:14px;font-weight:600}.auth-confirm__text{color:#8b8798;margin:0;font-size:12px;line-height:1.6}.auth-confirm__actions{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}
