.auth{--lime:#cfe36b;--ink:#14231b;--bg:#f7f6f1;--fg:#14231b;--mute:#5f6b63;--line:#e1e3da;--field:#fff;--soft:#edefe6;--btn:#1f4d3a;--btnfg:#fff;--accent:#1f4d3a;--err:#b3261e;--errbg:#fcecea;--okc:#1f4d3a;--okbg:#e7f0df;--art-ink:#14231b;--art-accent:#bfd65a;--art-warm:#d9763a;--art-paper:#fff;--art-soft:#e1e3da;--art-screen:#233b2f;background:var(--bg);min-height:100dvh;color:var(--fg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;justify-content:center;font-size:15px;line-height:1.45;display:flex;position:relative;overflow-x:hidden}.auth[data-theme=dark]{--lime:#cfe36b;--ink:#0e1511;--bg:#0e1511;--fg:#f2f5ef;--mute:#9aa79f;--line:#25322a;--field:#141d18;--soft:#17211b;--btn:#cfe36b;--btnfg:#0e1511;--accent:#cfe36b;--err:#f2a59f;--errbg:#2b1715;--okc:#cfe36b;--okbg:#1b2412;--art-ink:#2f5a45;--art-accent:#cfe36b;--art-warm:#e08a4f;--art-paper:#e9efe4;--art-soft:#25322a;--art-screen:#0e1511;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.auth *{box-sizing:border-box}.auth h1,.auth h2,.auth p{margin:0}.auth a{color:inherit}.auth button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.auth a:focus-visible,.auth button:focus-visible,.auth input:focus-visible,.auth select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.auth-in{width:100%;max-width:440px;padding:14px 22px calc(28px + env(safe-area-inset-bottom,0px));flex-direction:column;min-height:100dvh;display:flex;position:relative}.auth .bar{justify-content:space-between;align-items:center;height:48px;margin-bottom:14px;display:flex}.auth .bar .l{align-items:center;gap:10px;display:flex}.auth .rbtn{border:1.5px solid var(--line);background:var(--field);border-radius:50%;place-items:center;width:42px;height:42px;text-decoration:none;display:grid}.auth .rbtn:hover{border-color:var(--fg)}.auth .mark{letter-spacing:-.03em;align-items:center;gap:8px;font-size:20px;font-weight:700;text-decoration:none;display:inline-flex}.auth .mark i{background:var(--lime);width:26px;height:26px;box-shadow:inset 0 0 0 7px var(--lime),inset 0 0 0 13px var(--ink);border-radius:50%;display:inline-block}.auth .ic{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:20px;height:20px}.auth .t-sun{display:none}.auth[data-theme=dark] .t-sun{display:block}.auth[data-theme=dark] .t-moon{display:none}.auth h1,.auth .slide h2{text-wrap:balance}.auth h1{letter-spacing:-.025em;margin:14px 0 6px;font-size:32px;font-weight:700;line-height:1.1}.auth .sub{color:var(--mute);margin-bottom:22px;font-size:15px}.auth label{margin:16px 0 7px;font-size:14px;font-weight:600;display:block}.auth .field{background:var(--field);border:1.5px solid var(--line);height:56px;color:var(--mute);border-radius:16px;align-items:center;gap:10px;padding:0 14px;transition:border-color .15s,box-shadow .15s;display:flex;position:relative}.auth .field:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--lime) 35%,transparent);color:var(--fg)}.auth .field input,.auth .field select{min-width:0;height:100%;color:var(--fg);font:inherit;background:0 0;border:0;outline:none;flex:1;font-size:16px}.auth .field select{appearance:none;cursor:pointer}.auth .field input::placeholder{color:var(--mute);opacity:.8}.auth .eye{width:34px;height:34px;color:var(--mute);place-items:center;display:grid}.auth .go{background:var(--btn);width:100%;height:56px;color:var(--btnfg);letter-spacing:-.01em;border-radius:16px;place-items:center;margin-top:22px;font-size:16px;font-weight:700;text-decoration:none;transition:transform .1s,filter .15s;display:grid}.auth .go:hover:not(:disabled){filter:brightness(1.12)}.auth .go:active:not(:disabled){transform:scale(.985)}.auth .go:disabled{opacity:.4;cursor:not-allowed}.auth .go.alt{color:var(--fg);border:1.5px solid var(--line);background:0 0}.auth .err{background:var(--errbg);color:var(--err);border-radius:12px;margin-top:16px;padding:11px 14px;font-size:14px}.auth .ok{background:var(--okbg);color:var(--okc);border-radius:12px;margin-top:16px;padding:11px 14px;font-size:14px}.auth .foot{text-align:center;color:var(--mute);margin-top:20px;font-size:14px}.auth .foot a,.auth .foot .link,.auth .link{color:var(--fg);text-decoration:underline;-webkit-text-decoration-color:var(--lime);text-decoration-color:var(--lime);text-underline-offset:3px;font-weight:700;text-decoration-thickness:3px}.auth .link:disabled{opacity:.4}.auth .agree{color:var(--mute);cursor:pointer;align-items:flex-start;gap:10px;margin-top:16px;font-size:14px;display:flex}.auth .agree input{appearance:none;border:1.5px solid var(--line);background:var(--field);cursor:pointer;border-radius:7px;flex:none;place-items:center;width:22px;height:22px;margin:0;display:grid}.auth .agree input:checked{background:var(--btn);border-color:var(--btn)}.auth .agree input:checked:after{content:"";border-left:2.5px solid var(--btnfg);border-bottom:2.5px solid var(--btnfg);width:10px;height:5px;transform:translateY(-1px)rotate(-45deg)}.auth .wel{flex-direction:column;flex:1;display:flex}.auth .slides{touch-action:pan-y;flex-direction:column;flex:1;justify-content:center;display:flex}.auth .viewport{border-radius:28px;overflow:hidden}.auth .track{transition:transform .45s cubic-bezier(.22,.8,.25,1);display:flex}.auth .slide{text-align:center;flex-direction:column;flex:0 0 100%;align-items:center;padding:0 4px;display:flex}.auth .art{aspect-ratio:1.18;place-items:center;width:100%;margin-bottom:6px;display:grid;position:relative}.auth .art svg{width:88%;height:auto;max-height:100%;position:relative}.auth .dots{justify-content:center;gap:7px;margin:14px 0 18px;display:flex}.auth .dots button{background:var(--line);border-radius:99px;width:8px;height:8px;transition:width .3s,background .3s}.auth .dots button.on{background:var(--btn);width:28px;box-shadow:0 0 0 1.5px var(--lime)}.auth .slide h2{letter-spacing:-.025em;margin-bottom:10px;font-size:30px;font-weight:700;line-height:1.1}.auth .slide p{color:var(--mute);max-width:330px;font-size:15px}.auth .wel .go{margin-top:26px}.auth .opt{border:1.5px solid var(--line);background:var(--field);border-radius:20px;align-items:center;gap:14px;margin-top:12px;padding:16px;text-decoration:none;transition:border-color .15s,transform .1s;display:flex}.auth .opt:hover{border-color:var(--fg)}.auth .opt:active{transform:scale(.99)}.auth .opt.lime{background:var(--lime);border-color:var(--lime);color:var(--ink)}.auth .opt.lime .ot small{color:#0b0b0bb3}.auth .opt .oi{background:var(--soft);border-radius:15px;flex:none;place-items:center;width:48px;height:48px;display:grid}.auth .opt.lime .oi{background:var(--ink);color:var(--lime)}.auth .opt .ot{text-align:left;flex:1;gap:2px;display:grid}.auth .opt .ot b{letter-spacing:-.02em;font-size:17px}.auth .opt .ot small{color:var(--mute);font-size:13.5px}.auth .spacer{flex:1}.auth .chips{flex-wrap:wrap;gap:9px;display:flex}.auth .pick{border:1.5px solid var(--line);background:var(--field);border-radius:999px;align-items:center;gap:7px;height:42px;padding:0 15px;font-size:14.5px;font-weight:600;display:inline-flex}.auth .pick.on{background:var(--btn);border-color:var(--btn);color:var(--btnfg)}.auth .sec{margin-top:18px}.auth .sech,.auth .sech2{letter-spacing:-.02em;margin:22px 0 10px;font-size:16px;font-weight:700}.auth .sech small{color:var(--mute);font-weight:500}.auth .steps{gap:6px;margin:2px 0 18px;display:flex}.auth .steps i{background:var(--line);border-radius:99px;flex:1;height:5px}.auth .steps i.on{background:var(--btn);box-shadow:0 0 0 1px var(--lime)}.auth .tg{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;padding:14px 0;display:flex}.auth .tg b{font-size:15px;display:block}.auth .tg small{color:var(--mute);font-size:13px}.auth .sw{background:var(--line);border-radius:99px;flex:none;width:52px;height:30px;transition:background .2s;position:relative}.auth .sw i{background:#fff;border-radius:50%;width:24px;height:24px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0000004d}.auth .sw.on{background:var(--btn);box-shadow:0 0 0 1.5px var(--lime)}.auth .sw.on i{background:var(--lime);transform:translate(22px)}.auth .otp{grid-template-columns:repeat(6,1fr);gap:9px;margin-top:6px;display:grid}.auth .otp input{text-align:center;width:100%;height:60px;font:inherit;border:1.5px solid var(--line);background:var(--field);color:var(--fg);border-radius:16px;outline:none;font-size:24px;font-weight:700}.auth .otp input:focus{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--lime) 35%,transparent)}@media (min-width:700px){.auth{background:var(--soft);align-items:center}.auth[data-theme=dark]{background:#080c0a}.auth-in{background:var(--bg);border-radius:32px;max-width:460px;min-height:min(820px,100dvh - 64px);margin:32px 0;padding:22px 30px 34px;box-shadow:0 30px 80px #00000024}}@media (prefers-reduced-motion:reduce){.auth .track,.auth .dots button,.auth .sw,.auth .sw i{transition:none}}.auth .agree a{color:var(--fg);text-decoration:underline;-webkit-text-decoration-color:var(--lime);text-decoration-color:var(--lime);text-underline-offset:3px;font-weight:700;text-decoration-thickness:3px}.auth .bar .l:empty{min-height:42px}.auth .auth-in.wide{max-width:760px}.auth .legal{padding-bottom:30px}.auth .legal h2{letter-spacing:-.02em;margin:30px 0 8px;font-size:19px;font-weight:700}.auth .legal p,.auth .legal li{color:var(--fg);opacity:.86;margin:0 0 10px;font-size:15.5px;line-height:1.65}.auth .legal ul{margin:0 0 10px;padding-left:20px}.auth .legal li{margin-bottom:6px}.auth .legal .note{background:var(--soft);border:1px solid var(--line);border-radius:16px;margin:6px 0 4px;padding:14px 16px}.auth .legal .note p{opacity:1;margin:0}@media (min-width:700px){.auth .auth-in.wide{max-width:760px;padding:26px 44px 44px}}.auth .fgt{text-align:right;margin:-4px 0 14px;font-size:14px}.auth .fgt a{color:var(--mute);text-underline-offset:3px;font-weight:600;text-decoration:underline}.auth .fgt a:hover{color:var(--fg)}.auth .dz label{margin:14px 0 6px;font-size:14px;font-weight:600;display:block}.auth .hint{color:var(--mute);margin:6px 2px 0;font-size:13px;line-height:1.45}.auth .seg3{background:var(--bg);border-radius:14px;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;display:grid}.auth .seg3 button{min-height:44px;color:var(--mute);border-radius:10px;padding:4px 6px;font-size:13px;font-weight:700;line-height:1.2}.auth .seg3 button.on{background:var(--btn);color:var(--btnfg)}.auth .sech3{margin:16px 0 8px;font-size:14px;font-weight:600}.auth .zadd{border:1.5px dashed var(--mute);border-radius:16px;width:100%;height:52px;margin-top:12px;font-size:15px;font-weight:700}.auth .zadd:disabled{opacity:.5}.auth .zl{border:1.5px solid var(--line);background:var(--field);border-radius:16px;margin:14px 0 0;padding:0;list-style:none;overflow:hidden}.auth .zl li{border-top:1px solid var(--line);align-items:stretch;display:flex}.auth .zl li:first-child{border-top:0}.auth .zr{text-align:left;flex:1;gap:2px;min-width:0;padding:13px 14px;display:grid}.auth .zt{text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:700;overflow:hidden}.auth .zs{color:var(--mute);font-size:13px}.auth .zd{width:48px;color:var(--mute);flex:none;font-size:22px}.auth .zsheet{z-index:60;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.auth .zscrim{background:#0a140f80;position:absolute;inset:0}.auth .zpanel{background:var(--bg);border-radius:24px 24px 0 0;width:100%;max-width:560px;max-height:90dvh;padding:10px 20px 24px;position:relative;overflow-y:auto}.auth .zpanel h3{letter-spacing:-.02em;margin:6px 0 14px;font-size:19px;font-weight:800}.auth .zgrab{background:var(--line);border-radius:2px;width:42px;height:4px;margin:0 auto 8px}.auth .zrow{justify-content:space-between;align-items:center;margin:16px 0 8px;font-size:14px;display:flex}.auth .zrow button{font-size:13px;font-weight:700;text-decoration:underline}.auth .zbox{max-height:210px;padding:2px;overflow-y:auto}.auth .zact{grid-template-columns:1fr 2fr;align-items:center;gap:10px;margin-top:20px;display:grid}.auth .zact .pick{border-radius:16px;justify-content:center;height:52px}@media (min-width:700px){.auth .zsheet{align-items:center}.auth .zpanel{border-radius:24px}}