.auth{--bg:#eef2f0;--ink:#101715;--muted:#56655f;--faint:#8a9893;--line:#1017150f;--card:#fff;--panel:#e6ece9;--card-line:#1017151f;--chip:#dde5e2;--eye:#101715;--acc:#367b6e;--acc-ink:#fff;--acc-text:#2b6a5e;--warn:#9a5a1e;--sheen:#ffffff47;--shadow:0 18px 40px -18px #10282247, 0 2px 6px #1028220f;--ease:cubic-bezier(.2, .8, .2, 1);background:var(--bg);min-height:100dvh;color:var(--ink);font-family:var(--font-body), -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.5}.dark .auth{--bg:#0e1413;--ink:#e7efec;--muted:#8d9e98;--faint:#74847e;--line:#e7efec0d;--card:#151d1b;--panel:#111917;--card-line:#e7efec1a;--chip:#1b2522;--eye:#0e1413;--acc-text:#7fc2b4;--warn:#d9a066;--sheen:#ffffff38;--shadow:0 20px 50px -20px #000000b3}.auth :focus-visible{outline:2px solid var(--acc);outline-offset:3px}.auth a{color:inherit}.auth p{margin:0}.auth .auth-page{grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:100dvh;display:grid}.auth .auth-col{flex-direction:column;min-height:100dvh;padding:44px 64px;display:flex}.auth .auth-top{justify-content:space-between;align-items:center;gap:16px;display:flex}.auth .auth-logo{font-family:var(--font-display), var(--font-body), sans-serif;letter-spacing:.01em;align-items:center;gap:10px;font-size:17px;font-weight:700;text-decoration:none;display:inline-flex}.auth .auth-logo-mark{width:24px;color:var(--acc)}.auth .auth-main{flex:1;justify-content:center;align-items:center;padding:40px 0;display:flex}.auth .auth-form{width:400px;max-width:100%}.auth .auth-foot{font-family:var(--font-mono), ui-monospace, monospace;color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:8px 16px;font-size:12px;font-weight:500;display:flex}.auth .auth-foot a{text-decoration:none;transition:color .2s}.auth .auth-foot a:hover{color:var(--ink)}.auth .lang{background:var(--chip);border-radius:10px;gap:2px;padding:3px;display:flex}.auth .lang button{min-width:36px;height:28px;font-family:var(--font-mono), ui-monospace, monospace;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px;padding:0 8px;font-size:12px;font-weight:500}.auth .lang button[aria-pressed=true]{background:var(--card);color:var(--ink)}.auth .lang button:disabled{cursor:default}.auth .auth-panel{background:var(--panel);border:1px solid var(--card-line);border-radius:28px;height:calc(100dvh - 24px);margin:12px 12px 12px 0;position:sticky;top:12px;overflow:hidden}.auth .auth-grid{background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 65% at 50% 40%,#000 25%,#0000 80%);mask-image:radial-gradient(70% 65% at 50% 40%,#000 25%,#0000 80%)}.auth .auth-glow{background:radial-gradient(circle, color-mix(in srgb, var(--acc) 26%, transparent), transparent 62%);border-radius:50%;width:720px;height:720px;margin:-360px 0 0 -360px;animation:8s ease-in-out infinite auth-breathe;position:absolute;top:38%;left:50%}@keyframes auth-breathe{50%{transform:scale(1.08)}}.auth .auth-panel-top{position:absolute;top:28px;left:28px}.auth .auth-pill{background:var(--card);border:1px solid var(--card-line);font-family:var(--font-mono), ui-monospace, monospace;border-radius:999px;align-items:center;gap:9px;padding:7px 14px;font-size:12.5px;font-weight:500;display:inline-flex}.auth .auth-dot{background:var(--acc);border-radius:50%;width:8px;height:8px;position:relative}.auth .auth-dot:after{content:"";background:var(--acc);border-radius:50%;animation:1.8s ease-out infinite auth-ping;position:absolute;inset:0}@keyframes auth-ping{0%{opacity:.55;transform:scale(1)}to{opacity:0;transform:scale(3.2)}}.auth .auth-stage{position:absolute;top:250px;left:50%;transform:translate(-50%)}.auth [data-variant=signup] .auth-stage{top:150px}.auth .auth-panel-bottom{position:absolute;bottom:56px;left:56px;right:56px}.auth [data-variant=signup] .auth-panel-bottom{bottom:52px}.auth .auth-panel-title{font-family:var(--font-display), var(--font-body), sans-serif;letter-spacing:-.03em;font-size:30px;font-weight:700;line-height:1.1}.auth .auth-panel-text{max-width:460px;color:var(--muted);margin-top:14px;font-size:15.5px;line-height:1.55}.auth .auth-bubble{background:var(--card);border:1px solid var(--card-line);max-width:300px;box-shadow:var(--shadow);white-space:nowrap;text-overflow:ellipsis;border-radius:16px 16px 16px 5px;padding:10px 14px;font-size:15px;animation:.45s cubic-bezier(.2,.9,.25,1.2) auth-pop;display:inline-block;overflow:hidden}.auth .auth-bubble.is-floating{white-space:normal;width:max-content;max-width:250px;position:absolute;bottom:calc(100% - 30px);left:70%}@keyframes auth-pop{0%{opacity:0;transform:translateY(8px)scale(.95)}}.auth .auth-path-label{font-family:var(--font-mono), ui-monospace, monospace;text-transform:uppercase;letter-spacing:.16em;color:var(--acc-text);margin-bottom:8px;font-size:12px;font-weight:500;display:block}.auth .auth-path ol{margin:0;padding:0;list-style:none}.auth .auth-path li{color:var(--muted);align-items:center;gap:14px;padding:13px 0;display:flex}.auth .auth-path li+li{border-top:1px solid var(--card-line)}.auth .auth-path-n{border:1px solid var(--card-line);width:30px;height:30px;font-family:var(--font-mono), ui-monospace, monospace;border-radius:9px;flex:none;place-items:center;font-size:12px;font-weight:500;transition:background-color .35s,color .35s,box-shadow .35s,border-color .35s;display:grid}.auth .auth-path li.is-current{color:var(--ink)}.auth .auth-path li.is-current .auth-path-n{background:var(--acc);border-color:var(--acc);color:var(--acc-ink);box-shadow:0 0 0 5px color-mix(in srgb, var(--acc) 18%, transparent)}.auth .auth-path li.is-done{color:var(--ink)}.auth .auth-path li.is-done .auth-path-n{background:color-mix(in srgb, var(--acc) 20%, transparent);color:var(--acc-text);border-color:#0000}.auth .auth-path-body{flex:1;min-width:0}.auth .auth-path-row{justify-content:space-between;gap:12px;display:flex}.auth .auth-path b{font-size:15px;font-weight:600}.auth .auth-path-count{font-family:var(--font-mono), ui-monospace, monospace;color:var(--muted);font-size:12px}.auth .auth-path-bar{background:var(--chip);border-radius:2px;height:3px;margin-top:8px;display:block;overflow:hidden}.auth .auth-path-bar i{background:var(--acc);transform-origin:0;height:100%;transition:transform .4s var(--ease);display:block}.auth .ms{--cell:26px;--eye-size:calc(var(--cell) * .92);width:calc(var(--cell) * 13);height:calc(var(--cell) * 10);position:relative}.auth [data-variant=signup] .auth-mascot{--cell:19.5px}.auth .ms-shift{transform:translateX(var(--bx,0px));transition:transform .5s cubic-bezier(.3,1.3,.5,1);position:absolute;inset:0}.auth .ms-shake{position:absolute;inset:0}.auth .ms[data-state=error] .ms-shake{animation:.4s ease-in-out 3 auth-shake}@keyframes auth-shake{25%{transform:translate(-6px)}75%{transform:translate(6px)}}.auth .ms-float{animation:6s ease-in-out infinite auth-float;position:absolute;inset:0}@keyframes auth-float{50%{transform:translateY(-10px)}}.auth .ms-px{left:calc(var(--c) * var(--cell));top:calc(var(--r) * var(--cell));width:calc(var(--cell) - 1px);height:calc(var(--cell) - 1px);background:var(--acc);animation:.5s cubic-bezier(.2,.9,.25,1.35) backwards auth-px-in;animation-delay:calc(.2s + var(--r) * 40ms + var(--cd) * 20ms);position:absolute}@keyframes auth-px-in{0%{opacity:0;transform:scale(.15)}}.auth .ms-ear{animation:.5s cubic-bezier(.2,.9,.25,1.35) backwards auth-px-in,5s ease-in-out infinite auth-ear;animation-delay:calc(.2s + var(--cd) * 20ms), 0s}.auth .ms-ear.is-right{animation-delay:calc(.2s + var(--cd) * 20ms), .25s}@keyframes auth-ear{0%,89%,95%,to{translate:0}92%{translate:0 -6px}}.auth .ms-eye{z-index:1;left:calc(var(--c) * var(--cell) + (var(--cell) - 1px - var(--eye-size)) / 2);top:calc(3 * var(--cell) + (var(--cell) - 1px - var(--eye-size)) / 2);width:var(--eye-size);height:var(--eye-size);translate:var(--ex,0px) var(--ey,0px);transition:translate .2s cubic-bezier(.3,1.5,.5,1);position:absolute}.auth .ms-lid{width:100%;height:100%;transform:translateY(var(--lift,0%)) scaleY(var(--lid,1));transition:transform .25s cubic-bezier(.3,1.4,.5,1);display:block}.auth .ms-blink{background:var(--eye);width:100%;height:100%;animation:4.6s infinite auth-blink;display:block}@keyframes auth-blink{0%,94%,98%,to{transform:scaleY(1)}96%{transform:scaleY(.1)}}.auth .auth-mini{display:none}.auth .auth-h1{font-family:var(--font-display), var(--font-body), sans-serif;letter-spacing:-.03em;margin:0;font-size:34px;font-weight:700;line-height:1.1}.auth .auth-sub{color:var(--muted);margin:12px 0 36px;font-size:16px;line-height:1.5}.auth .auth-field{margin-bottom:18px}.auth .auth-label-row{justify-content:space-between;align-items:baseline;margin-bottom:8px;display:flex}.auth .auth-label-row label{font-size:14.5px;font-weight:600}.auth .auth-input-wrap{position:relative}.auth .auth-input{border:1.5px solid var(--card-line);background:var(--card);width:100%;height:54px;color:var(--ink);font:inherit;border-radius:13px;outline:none;padding:0 48px 0 16px;font-size:16px;font-weight:500;transition:border-color .2s,box-shadow .2s}.auth .auth-input.has-btn{padding-right:56px}.auth .auth-input::placeholder{color:var(--faint);font-weight:400}.auth .auth-input:focus{border-color:var(--acc);box-shadow:0 0 0 4px color-mix(in srgb, var(--acc) 20%, transparent)}.auth .auth-input[aria-invalid=true]{border-color:var(--warn)}.auth .auth-input:disabled{opacity:.7}.auth .auth-input:-webkit-autofill{-webkit-box-shadow:0 0 0 60px var(--card) inset;-webkit-text-fill-color:var(--ink);caret-color:var(--ink);transition:background-color 9999s}.auth .auth-input:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 60px var(--card) inset;-webkit-text-fill-color:var(--ink);caret-color:var(--ink);transition:background-color 9999s}.auth .auth-input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 60px var(--card) inset;-webkit-text-fill-color:var(--ink);caret-color:var(--ink);transition:background-color 9999s}.auth .auth-input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 60px var(--card) inset, 0 0 0 4px color-mix(in srgb, var(--acc) 20%, transparent)}.auth .auth-eye-btn{width:38px;height:38px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;transition:background-color .2s,color .2s;display:grid;position:absolute;top:8px;right:8px}.auth .auth-eye-btn:hover{background:var(--chip);color:var(--ink)}.auth .auth-check{background:var(--acc);width:20px;height:20px;color:var(--acc-ink);border-radius:5px;place-items:center;animation:.35s cubic-bezier(.2,.9,.25,1.4) auth-check;display:grid;position:absolute;top:17px;right:16px}@keyframes auth-check{0%{opacity:0;transform:scale(.4)}}.auth .auth-meter{align-items:center;gap:12px;margin-top:10px;display:flex}.auth .auth-meter-bar{flex:1;grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.auth .auth-meter-bar i{background:var(--chip);border-radius:2px;height:5px;transition:background-color .3s}.auth .auth-meter-bar i.is-on{background:var(--acc)}.auth .auth-meter-label{text-align:right;min-width:96px;font-family:var(--font-mono), ui-monospace, monospace;color:var(--muted);font-size:11.5px;font-weight:500}.auth .auth-error{color:var(--ink);align-items:center;gap:10px;margin:2px 0 16px;font-size:14px;display:flex}.auth .auth-error i{background:var(--warn);flex:none;width:8px;height:8px}.auth .auth-submit{background:var(--acc);width:100%;height:56px;color:var(--acc-ink);font:inherit;cursor:pointer;isolation:isolate;transition:transform .3s var(--ease), box-shadow .3s var(--ease);border:0;border-radius:14px;justify-content:center;align-items:center;gap:10px;margin-top:8px;font-size:17px;font-weight:600;display:flex;position:relative;overflow:hidden}.auth .auth-submit:hover:not(:disabled){box-shadow:0 16px 32px -14px color-mix(in srgb, var(--acc) 70%, transparent);transform:translateY(-1px)}.auth .auth-submit:disabled{cursor:progress}.auth .auth-submit:after{content:"";z-index:-1;background:linear-gradient(90deg, transparent, var(--sheen), transparent);width:36%;animation:auth-sheen 5s var(--ease) 1.5s infinite;position:absolute;inset:0 auto 0 0;transform:translate(-160%)skew(-20deg)}@keyframes auth-sheen{28%,to{transform:translate(380%)skew(-20deg)}}.auth .auth-spinner{border:2px solid color-mix(in srgb, var(--acc-ink) 35%, transparent);border-top-color:var(--acc-ink);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite auth-spin}@keyframes auth-spin{to{transform:rotate(360deg)}}.auth .auth-alt,.auth .auth-consent{text-align:center}.auth .auth-alt{color:var(--muted);margin-top:22px;font-size:15px}.auth .auth-consent{color:var(--muted);margin-top:16px;font-size:13px;line-height:1.5}.auth .auth-alt a,.auth .auth-consent a{color:var(--acc-text);font-weight:600;text-decoration:none}.auth .auth-alt a:hover,.auth .auth-consent a:hover{text-decoration:underline}.auth .auth-step-line{display:none}.auth .auth-in{animation:auth-rise .8s var(--ease) backwards;animation-delay:calc(var(--k,0) * 70ms)}@keyframes auth-rise{0%{opacity:0;transform:translateY(16px)}}@media (max-width:1024px){.auth .auth-page{grid-template-columns:minmax(0,1fr)}.auth .auth-panel{display:none}.auth .auth-col{padding:32px 40px}.auth .auth-mini{flex-direction:column;align-items:center;gap:14px;margin-bottom:28px;display:flex}.auth .auth-mini .ms{--cell:10px}.auth .auth-mini .auth-bubble{font-size:14px}.auth .auth-step-line{text-align:center;color:var(--muted);margin-top:14px;font-size:13px;display:block}}@media (max-width:480px){.auth .auth-col{padding:20px}.auth .auth-h1{font-size:28px}.auth .auth-sub{margin-bottom:28px}.auth .auth-mini .auth-bubble{max-width:100%}}@media (prefers-reduced-motion:reduce){.auth *,.auth :before,.auth :after{transition-duration:0s!important;animation:none!important}}