.page.auth{--az-ink: #eef1f5;--az-dim: #c3ccd8;--az-faint: #8390a1;--az-line: rgba(255, 255, 255, .12);--az-card: rgba(12, 18, 29, .62);--az-green: #3fd39a;--az-ice: #8cc6ff;--az-ice-deep: #4f9be6;--az-ps: #4a7ce6;--az-st: #8f70e6;--az-shade: 5, 8, 14;--az-base: #070b12;--az-glow: rgba(79, 155, 230, .16);--az-glow2: rgba(116, 82, 223, .1);--form-w: clamp(440px, 38vw, 980px);--card-w: clamp(440px, 25vw, 620px);--card-r: clamp(24px, 4vw, 120px);display:grid;grid-template-columns:minmax(0,1fr) var(--form-w);min-height:100vh;background:var(--az-base)}.page.auth:before{display:none}.auth-stage{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:radial-gradient(60vw 70vh at 58% 18%,var(--az-glow),transparent 62%),radial-gradient(48vw 60vh at 100% 0%,var(--az-glow),transparent 60%),radial-gradient(50vw 50vh at 90% 100%,var(--az-glow2),transparent 65%),var(--az-base)}.auth-photo{position:absolute;top:0;height:100%;aspect-ratio:16 / 9;display:block;left:calc(100vw - var(--card-r) - var(--card-w) - 1vw - var(--edge, .84) * 100vh * 16 / 9 + max(0px,(1920px - 100vw) * .08));-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 88%,transparent)}.auth-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--focus, 50% 40%);opacity:0;transition:opacity var(--dur-4) var(--ease-out)}.auth-photo.on img{opacity:1}.auth-scrim{position:absolute;inset:0;background:linear-gradient(90deg,rgba(var(--az-shade),.86),rgba(var(--az-shade),.62) 24%,rgba(var(--az-shade),.18) 46%,rgba(var(--az-shade),0) 60%),linear-gradient(0deg,rgba(var(--az-shade),.78) 0%,rgba(var(--az-shade),.2) 34%,transparent 52%),linear-gradient(180deg,rgba(var(--az-shade),.5) 0%,transparent 18%)}.auth-brand{grid-column:1;position:relative;z-index:1;min-width:0;min-height:100vh;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(28px,3.4vw,88px) clamp(24px,4.6vw,128px);color:var(--az-ink)}.auth-brand .wordmark{color:#fff;font-size:clamp(24px,1.25vw,34px)}.auth-brand-top svg{width:clamp(48px,2.6vw,70px);height:auto}.auth-brand-mid{display:flex;flex-direction:column;gap:clamp(28px,3.4vh,52px);width:100%;max-width:clamp(520px,35vw,1000px)}.auth-claim{display:flex;flex-direction:column;gap:16px}.auth-h{font-family:var(--display);font-weight:500;font-size:clamp(26px,1.95vw,56px);line-height:1.1;letter-spacing:-.02em;color:#fff;text-wrap:balance}.auth-sub{font-size:clamp(16px,1.05vw,24px);line-height:1.5;color:var(--az-dim);max-width:36em}.az{display:flex;flex-direction:column}.az-legs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,1vw,20px)}.az-leg{position:relative;display:flex;flex-direction:column;gap:10px;min-width:0;padding:clamp(18px,1.3vw,28px) clamp(18px,1.4vw,30px);border-radius:18px;background:var(--az-card);border:1px solid var(--az-line);box-shadow:inset 0 1px #ffffff12,0 24px 48px -28px #000c;-webkit-backdrop-filter:blur(14px) saturate(130%);backdrop-filter:blur(14px) saturate(130%);transition:border-color var(--dur-3) var(--ease-out),box-shadow var(--dur-3) var(--ease-out)}.az-leg.placing{border-color:#8cc6ff8c;box-shadow:inset 0 1px #ffffff12,0 0 0 4px #8cc6ff1f,0 24px 48px -28px #000c}.az-leg.placed{border-color:#3fd39a73}.az-leg-h{display:flex;align-items:center;gap:10px;min-width:0}.az-leg-h b{font-size:clamp(13px,.8vw,17px);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--az-ink)}.az-bk{flex:none;width:10px;height:10px;border-radius:3px;background:var(--az-ps);box-shadow:0 0 12px var(--az-ps)}.az-bk.st{background:var(--az-st);box-shadow:0 0 12px var(--az-st)}.az-ok{margin-left:auto;flex:none;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--az-green);color:#0b1a14;opacity:0;transform:scale(.6);transition:opacity var(--dur-2) var(--ease-out),transform var(--dur-3) var(--ease-out)}.az-ok svg{width:13px;height:13px;stroke-width:3}.az-leg.placed .az-ok{opacity:1;transform:none}.az-out{font-size:clamp(14px,.9vw,19px);color:var(--az-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.az-nums{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-top:4px;padding-top:12px;border-top:1px dashed var(--az-line)}.az-nums>div{display:flex;flex-direction:column;gap:4px;min-width:0}.az-nums>.r{align-items:flex-end}.az-k{font-size:clamp(11px,.62vw,13px);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--az-faint)}.az-odd{font-family:var(--mono);font-weight:500;font-size:clamp(32px,2.3vw,58px);line-height:1;color:#fff;font-variant-numeric:tabular-nums}.az-sum{font-family:var(--mono);font-weight:500;font-size:clamp(16px,1.05vw,24px);line-height:1.1;color:var(--az-ink);font-variant-numeric:tabular-nums}.az-fork{display:block;width:100%;height:clamp(18px,1.6vw,30px);overflow:visible}.az-fork path{fill:none;stroke:#fff3;stroke-width:1.5;vector-effect:non-scaling-stroke;transition:stroke var(--dur-3) var(--ease-out)}.az-fork.on path{stroke:#3fd39ab3}.az-yield{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"k k" "pct usd";align-items:baseline;gap:4px 16px;padding:clamp(16px,1.2vw,26px) clamp(18px,1.4vw,30px);border-radius:18px;background:var(--az-card);border:1px solid var(--az-line);-webkit-backdrop-filter:blur(14px) saturate(130%);backdrop-filter:blur(14px) saturate(130%);position:relative;overflow:hidden;transition:border-color var(--dur-3) var(--ease-out)}.az-yield:before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;opacity:0;background:radial-gradient(90% 140% at 0% 100%,rgba(63,211,154,.26),transparent 62%);transition:opacity var(--dur-4) var(--ease-out)}.az-yield>*{position:relative}.az-yield .az-k{grid-area:k}.az-pct{grid-area:pct;font-family:var(--display);font-weight:500;font-size:clamp(34px,2.6vw,64px);line-height:1;letter-spacing:-.02em;color:var(--az-green);font-variant-numeric:tabular-nums}.az-usd{grid-area:usd;font-family:var(--mono);font-weight:500;font-size:clamp(16px,1.05vw,24px);color:var(--az-ink);white-space:nowrap}.az-yield.on{border-color:#3fd39a66}.az-yield.on:before{opacity:1}.az-yield.lock{border-color:#3fd39ab3}.az-steps{--dot: 26px;position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:clamp(28px,3vh,44px) calc(var(--dot) / 2) 0 0}.az-line{position:absolute;top:calc(var(--dot) / 2 - 2px);left:calc(var(--dot) / 2);width:100%;height:4px;border-radius:4px;overflow:hidden;background:repeating-linear-gradient(90deg,rgba(255,255,255,.16) 0 6px,transparent 6px 12px)}.az-fill{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,var(--az-ice-deep),var(--az-ice) 70%,#fff);box-shadow:0 0 14px #8cc6ff99;transform:translate(calc(var(--k, 0) * 25% - 100%));transition:transform var(--d, 0ms) cubic-bezier(.45,.05,.3,1),opacity var(--dur-3) var(--ease-out)}.az-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);transform:translate(-100%);animation:az-shine 2.2s var(--ease-io) infinite}.az-rail{position:absolute;top:calc(var(--dot) / 2);left:calc(var(--dot) / 2);width:100%;height:0;pointer-events:none;transform:translate(calc(var(--k, 0) * 25%));transition:transform var(--d, 0ms) cubic-bezier(.45,.05,.3,1),opacity var(--dur-3) var(--ease-out)}.az-head{position:absolute;left:-6px;top:-6px;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px #8cc6ff73,0 0 16px 3px var(--az-ice)}.az.prime .az-fill,.az.prime .az-rail{transition:none}.az.fading .az-fill,.az.fading .az-rail{opacity:0}.az-step{position:relative;display:flex;flex-direction:column;gap:4px;min-width:0;padding-right:12px}.az-dot{position:relative;z-index:1;width:var(--dot);height:var(--dot);margin-bottom:12px;border-radius:50%;display:grid;place-items:center;background:#0d1420;border:2px solid rgba(255,255,255,.22);transition:background var(--dur-3) var(--ease-out),border-color var(--dur-3) var(--ease-out)}.az-dot svg{width:12px;height:12px;stroke:#0b1a14;stroke-width:3;opacity:0;transform:scale(.5);transition:opacity var(--dur-2),transform var(--dur-3) var(--ease-out)}.az-dot:after{content:"";position:absolute;inset:-2px;border-radius:50%;border:2px solid var(--az-ice);opacity:0}.az-step.now .az-dot{border-color:var(--az-ice);background:#0f2238}.az-step.now .az-dot:after{animation:az-ping 1.4s var(--ease-out) infinite}.az-step.done .az-dot{background:var(--az-green);border-color:var(--az-green)}.az-step.done .az-dot svg{opacity:1;transform:none}.az-step .t{font-size:clamp(14px,.85vw,21px);font-weight:600;color:var(--az-ink);transition:color var(--dur-3)}.az-step.now .t{color:var(--az-ice)}.az-step.todo .t{color:var(--az-faint)}.az-step .s{font-size:clamp(12px,.72vw,16px);color:var(--az-dim);font-variant-numeric:tabular-nums}.az-step.todo .s{color:var(--az-faint)}@keyframes az-ping{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.9)}}@keyframes az-shine{0%{transform:translate(-100%)}60%,to{transform:translate(100%)}}.auth-form{grid-column:2;flex:1 1 auto;position:relative;z-index:1;min-width:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-end;padding:clamp(76px,9vh,128px) var(--card-r) clamp(76px,9vh,128px) clamp(24px,3vw,72px)}.auth-theme{position:absolute;top:28px;right:28px;z-index:2}.card{width:100%;max-width:520px;box-sizing:border-box;display:flex;flex-direction:column;gap:28px;padding:44px;background:var(--panel);color:var(--ink);border-radius:22px;border:1px solid var(--line);box-shadow:var(--shadow-card)}.auth-form .card{max-width:var(--card-w);padding:clamp(28px,2.4vw,56px);background:#151b25cc;border-color:#ffffff1a;-webkit-backdrop-filter:blur(22px) saturate(140%);backdrop-filter:blur(22px) saturate(140%);box-shadow:inset 0 1px #ffffff0f,0 40px 90px -30px #000000e6}.card .h1{font-size:clamp(26px,1.6vw,38px);line-height:1.15}.auth-form .card .label{font-size:clamp(14px,.74vw,18px)}.auth-form .card .input{height:clamp(54px,2.9vw,66px);font-size:clamp(16px,.8vw,19px)}.auth-form .card .btn.primary.lg,.auth-form .card .ghost{height:clamp(56px,3vw,68px);font-size:clamp(16px,.8vw,19px)}.auth-form .card .pw button{top:50%;transform:translateY(-50%)}.auth-form .card .auth-link,.auth-form .card .auth-alert{font-size:clamp(14px,.72vw,17px)}.card .h1:focus{outline:none}.card .sub{font-size:16px;color:var(--dim);margin-top:8px}.card .input{height:54px;border-radius:13px;font-size:16px;padding:0 18px}.card .btn.primary.lg{width:100%;height:56px;border-radius:13px}.card .fields{display:flex;flex-direction:column;gap:18px}.card .err{min-height:20px;font-size:13px;color:var(--low)}.card .or{display:flex;align-items:center;gap:12px}.card .or i{flex:1 1 auto;height:1px;background:var(--line)}.card .or span{font-size:12px;color:var(--faint);letter-spacing:.08em;text-transform:uppercase}.card .ghost{display:flex;justify-content:center;align-items:center;gap:10px;height:54px;border-radius:13px;border:1px solid var(--line);background:transparent;color:var(--ink);font-size:16px;font-weight:500}.card .ghost:hover{background:var(--panel2)}.card .ghost svg{width:18px;height:18px;stroke:var(--accent)}.card .foot{display:flex;justify-content:center;align-items:center;gap:6px;font-size:15px;color:var(--dim)}.card .foot a{font-weight:500}.pw{position:relative}.pw .input{padding-right:54px}.pw button{position:absolute;right:14px;top:15px;width:24px;height:24px;border:0;background:transparent;padding:0;color:var(--faint)}.pw button svg{width:22px;height:22px}.pw button[aria-pressed=true]{color:var(--ink)}.auth-submit{display:flex;flex-direction:column;gap:14px}.auth-alert{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:12px;background:var(--low-soft);border:1px solid var(--low-line);color:var(--low);font-size:14px;line-height:1.4}.auth-alert svg{flex:none;width:18px;height:18px;margin-top:1px}.auth-alert .num{font-weight:600}.auth-support{display:flex;flex-direction:column;gap:10px}.auth-link{align-self:flex-end;min-height:32px;margin-top:-4px;padding:4px 2px;border:0;background:transparent;color:var(--accent);font:inherit;font-size:14px;font-weight:500;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:3px;transition:text-decoration-color var(--dur-2)}:root[data-theme=dark] .auth-link{color:var(--ice)}.auth-link:hover{text-decoration-color:currentColor}.auth-link:disabled{color:var(--faint);cursor:default;text-decoration-color:transparent;font-variant-numeric:tabular-nums}.auth-link:focus-visible{outline:2px solid var(--ice);outline-offset:2px;border-radius:6px}.card .field>.auth-link{margin-top:2px}.auth-text{margin:0;font-size:16px;line-height:1.5;color:var(--dim)}.page.auth.centered{display:flex;flex-direction:column;justify-content:center;align-items:center;background:radial-gradient(1400px 900px at 50% -10%,var(--glow),transparent 60%),var(--bg)}.page.auth.centered:before{display:block}.auth-center{display:flex;flex-direction:column;align-items:center;width:100%;max-width:560px;padding:24px}.auth-center .card{max-width:560px}.card .ghost svg.tg{stroke:none;color:var(--tg)}.card.lc{gap:24px}.lc-tg{display:flex;align-items:center;gap:16px}.lc-badge{flex:none;width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:var(--tg);color:#fff;box-shadow:inset 0 1px #ffffff4d,0 12px 24px -12px var(--tg)}.lc-badge svg{width:28px;height:28px}.lc-tg>div{display:flex;flex-direction:column;gap:4px;min-width:0;font-size:15px;line-height:1.4;color:var(--dim)}.lc-tg b{font-size:17px;font-weight:600;color:var(--ink)}.lc-wait{display:flex;flex-direction:column;gap:10px}.lc-line{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--dim)}.lc-left{margin-left:auto;font-size:18px;color:var(--ink)}.lc-dot{flex:none;width:9px;height:9px;border-radius:50%;background:var(--ice);animation:lc-ping 1.6s var(--ease-out) infinite}.lc-dot.off{background:var(--st-warn);animation:none}@keyframes lc-ping{0%{box-shadow:0 0 #8cc6ff99}to{box-shadow:0 0 0 10px #8cc6ff00}}.lc-bar{height:4px;border-radius:4px;background:var(--line);overflow:hidden}.lc-bar i{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,var(--accent),var(--ice));transform-origin:left center;transform:scaleX(var(--k, 1));transition:transform 1s linear}.lc-code{display:flex;flex-direction:column;gap:16px}.lc-code .err{margin-top:-8px}.lc-otp{position:relative;display:block;cursor:text}.lc-otp input{position:absolute;inset:0;width:100%;height:100%;opacity:0;border:0;padding:0;font-size:16px}.lc-otp .cells{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px}.lc-otp.six .cells{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.lc-otp .cells i{height:54px;border-radius:13px;border:1px solid var(--line);background:var(--panel2);display:flex;align-items:center;justify-content:center;font:500 24px var(--mono);font-style:normal;color:var(--ink);transition:border-color var(--dur-2),box-shadow var(--dur-2) var(--ease-out),background var(--dur-2)}.lc-otp .cells i:nth-child(4){margin-right:6px}.lc-otp.six .cells i:nth-child(4){margin-right:0}.lc-otp.six .cells i:nth-child(3){margin-right:8px}.lc-otp .cells i.f{background:var(--panel)}.lc-otp .cells i.cur{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft);background:var(--panel)}.lc-otp.bad .cells i{border-color:var(--low-line);animation:lc-shake .36s var(--ease-io)}@keyframes lc-shake{20%{transform:translate(-3px)}40%{transform:translate(3px)}60%{transform:translate(-2px)}80%{transform:translate(2px)}}.lc-done{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:12px 0;color:var(--dim);font-size:15px}.lc-done .big{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:6px;background:var(--st-act);color:#fff;box-shadow:0 0 0 8px var(--act-soft),0 14px 26px -12px var(--st-act)}.lc-done .big svg{width:30px;height:30px;stroke-width:3}.lc-done>b{font-size:20px;color:var(--ink)}.lc-done>b:focus{outline:none}@media (max-width: 600px){.card.lc{gap:18px}.lc-badge{width:48px;height:48px;border-radius:14px}.lc-badge svg{width:24px;height:24px}.lc-otp .cells{gap:4px}.lc-otp.six .cells{gap:6px}.lc-otp .cells i{height:46px;border-radius:10px;font-size:20px}.lc-otp .cells i:nth-child(4){margin-right:4px}.lc-otp.six .cells i:nth-child(4){margin-right:0}.lc-otp.six .cells i:nth-child(3){margin-right:6px}}@media (prefers-reduced-motion: reduce){.lc-dot,.lc-otp.bad .cells i{animation:none}.lc-bar i,.lc-otp .cells i{transition:none}.auth-photo img,.az-leg,.az-ok,.az-fork path,.az-yield,.az-yield:before,.az-fill,.az-rail,.az-dot,.az-dot svg,.az-step .t{transition:none}.az-fill:after,.az-step.now .az-dot:after{animation:none}}.firstrun{display:inline-flex;align-items:center;height:26px;padding:0 12px;border-radius:999px;background:var(--accent-soft);color:var(--ink);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;align-self:flex-start}@media (max-width: 1100px){.page.auth{grid-template-columns:minmax(0,1fr)}.auth-photo{left:0;width:100%;aspect-ratio:auto;-webkit-mask-image:none;mask-image:none}.auth-scrim{background:linear-gradient(180deg,rgba(var(--az-shade),.6),rgba(var(--az-shade),.42) 30%,rgba(var(--az-shade),.82) 70%,rgba(var(--az-shade),.9))}.auth-brand{min-height:0;gap:28px;padding:28px 24px}.auth-brand-mid{gap:24px;max-width:none}.auth-brand .az-steps{display:none}.auth-form{grid-column:1;align-items:center;padding:32px 16px 48px}.auth-theme{top:16px;right:16px}.card{padding:28px 22px}.auth-form .card{max-width:520px}}@media (max-width: 1100px){.auth-brand,.auth-form,.auth-claim,.auth-center,.card,.az-leg{min-width:0}.pw button{width:44px;height:44px;top:5px;right:5px;display:grid;place-items:center}.card .ghost{min-height:54px}.auth-link{min-height:44px}}@media (max-width: 600px){.auth-brand{padding:16px}.auth-brand-mid{display:none}.auth-form{flex:1 1 auto;padding:12px 12px 24px;justify-content:flex-start}.auth-theme{right:12px}.auth-form .card{padding:26px 20px}.card{gap:20px}.card .h1{font-size:26px;line-height:1.2;overflow-wrap:anywhere}.card .label{flex-wrap:wrap;gap:2px 8px}.card .input{min-width:0}.card .ghost{text-align:center;padding-inline:10px}}