.login{min-height:100dvh}.login .side{width:auto;flex:1 1 auto;height:auto;min-height:0;background:none;color:var(--text);overflow:visible;border:0;gap:0;top:auto;transition:none}.login .side::-webkit-scrollbar{width:auto}.login .row{grid-template-columns:none;border:0;padding:0}.login *{box-sizing:border-box}.login{margin:0;height:100%;font-family:var(--sans);font-size:14px;line-height:1.5;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-feature-settings:"ss01","cv11"}.login button{font:inherit;border:0;background:none;cursor:pointer;color:inherit}.login a{color:inherit;text-decoration:none}.login input{font:inherit}.login .wrap{min-height:100dvh;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}.login .hero{background:linear-gradient(180deg,#1A1E1C 0,var(--ink) 40%,var(--ink) 100%);color:#fff;padding:40px 48px;display:flex;flex-direction:column;position:relative;overflow:hidden;isolation:isolate}.login .hero:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(700px 420px at 90% -10%,rgba(200,230,74,.22),transparent 60%),radial-gradient(500px 300px at -10% 110%,rgba(200,230,74,.1),transparent 60%)}.login .hero .brand img{width:200px;display:block}.login .hero .mid{flex:1;display:flex;flex-direction:column;justify-content:center;gap:22px;padding:40px 0;max-width:560px}.login .hero h1{font-size:40px;line-height:1.05;letter-spacing:-.035em;font-weight:600;margin:0;text-wrap:balance}.login .hero h1 em{font-style:normal;color:var(--accent)}.login .hero p{font-size:16px;color:#C9D0CB;margin:0;text-wrap:pretty;line-height:1.55}.login .pts{display:flex;flex-direction:column;gap:10px}.login .pts div{display:flex;gap:12px;align-items:flex-start;font-size:14px;color:#E9EDEA}.login .pts i{width:26px;height:26px;border-radius:8px;background:rgba(255,255,255,.07);display:grid;place-items:center;flex:0 0 auto}.login .pts svg{width:14px;height:14px;stroke:var(--accent);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.login .pts b{font-weight:600;display:block}.login .pts span{color:#AAB3AD;font-size:13px}.login .prev{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:14px 16px;display:flex;flex-direction:column;gap:10px;backdrop-filter:blur(6px)}.login .prev .h{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--accent);font-weight:600}.login .prev .h svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round}.login .prev .h span{margin-left:auto;color:#AAB3AD;font-weight:400}.login .prev .r{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:10px;align-items:center;font-size:13px;color:#E9EDEA;padding:7px 0;border-top:1px solid rgba(255,255,255,.07)}.login .prev .r:first-of-type{border-top:0}.login .prev .r .d{font-family:var(--mono);font-size:12px;color:var(--accent)}.login .prev .r small{display:block;color:#AAB3AD;font-size:11.5px}.login .prev .r .t{font-size:11px;padding:2px 7px;border-radius:999px;background:rgba(255,255,255,.08);color:#C9D0CB;white-space:nowrap}.login .prev .r .t.c{background:rgba(179,38,30,.25);color:#FFB4AE}.login .hero .ft{display:flex;flex-wrap:wrap;gap:16px;font-size:12px;color:#8E9893;align-items:center}.login .hero .ft .dot{width:7px;height:7px;border-radius:999px;background:var(--succ);display:inline-block;margin-right:6px}.login .side{align-items:center;justify-content:center;padding:32px 24px;position:relative}.login .card,.login .side{display:flex;flex-direction:column}.login .card{width:100%;max-width:420px;background:var(--surface);border:1px solid var(--border);border-radius:20px;box-shadow:0 24px 60px -30px rgba(22,25,24,.25);padding:30px 30px 26px;gap:18px;animation:in .26s var(--ease)}@keyframes in{0%{opacity:0;transform:translateY(8px)}}.login .card h2{font-size:22px;font-weight:600;letter-spacing:-.025em;margin:0;line-height:1.2}.login .card .sub{font-size:13.5px;color:var(--text-2);margin-top:4px;text-wrap:pretty}.login .tabs{display:flex;gap:2px;padding:3px;border-radius:12px;background:var(--surface-3)}.login .tabs button{flex:1;height:34px;border-radius:9px;font-size:13px;font-weight:500;color:var(--text-2)}.login .tabs button[aria-selected=true]{background:var(--surface);color:var(--text);box-shadow:0 1px 2px rgba(23,26,25,.08)}.login .f{display:flex;flex-direction:column;gap:6px}.login .fl{font-size:12.5px;font-weight:500;color:var(--text-2);display:flex;justify-content:space-between;align-items:center}.login .fl a{color:var(--accent-700);font-weight:500}.login .in{position:relative}.login .in input{width:100%;height:46px;padding:0 44px 0 14px;border-radius:12px;border:1.5px solid var(--border);background:var(--surface);font-size:15px;color:var(--text);outline:0;transition:border-color .12s,box-shadow .12s}.login .in input:focus{border-color:var(--accent-700);box-shadow:0 0 0 4px var(--accent-100)}.login .in input.bad{border-color:var(--crit);box-shadow:0 0 0 4px var(--crit-bg)}.login .in .ic{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:8px;display:grid;place-items:center;color:var(--text-muted)}.login .in .ic:hover{background:var(--surface-3);color:var(--text)}.login .in .ic svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.login .err{font-size:12.5px;color:var(--crit);display:flex;gap:6px;align-items:center}.login .err svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round}.login .row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;color:var(--text-2)}.login .chk{display:inline-flex;align-items:center;gap:8px;cursor:pointer}.login .chk input{width:16px;height:16px;accent-color:var(--accent-700);margin:0}.login .btn{height:48px;border-radius:13px;font-size:15px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:9px;width:100%;transition:background .12s,transform .12s}.login .btn:active{transform:translateY(1px)}.login .btn-p{background:var(--accent);color:var(--ink)}.login .btn-p:hover{background:var(--accent-600)}.login .btn-p[disabled]{opacity:.55;cursor:default}.login .btn-p .sp{width:16px;height:16px;border-radius:999px;border:2px solid var(--ink);border-top:2px solid transparent;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.login .btn-o{background:var(--surface);border:1.5px solid var(--border);color:var(--text)}.login .btn-o:hover{border-color:var(--border-strong);background:var(--surface-2)}.login .btn-o svg{width:18px;height:18px}.login .or{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--text-muted)}.login .or:after,.login .or:before{content:"";flex:1;height:1px;background:var(--border)}.login .small{font-size:12.5px;color:var(--text-muted);text-align:center;text-wrap:pretty}.login .small a{color:var(--accent-700);font-weight:500}.login .codes{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.login .codes input{width:100%;min-width:0;height:56px;border-radius:12px;border:1.5px solid var(--border);text-align:center;font-family:var(--mono);font-size:22px;font-weight:500;outline:0;background:var(--surface);color:var(--text)}.login .codes input:focus{border-color:var(--accent-700);box-shadow:0 0 0 4px var(--accent-100)}.login .codes input.ok{border-color:var(--succ);background:var(--succ-bg)}.login .dev{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:var(--surface-2);border:1px solid var(--border)}.login .dev .av{width:40px;height:40px;border-radius:12px;background:var(--ink);color:#fff;display:grid;place-items:center;font-weight:700;font-size:13px;flex:0 0 auto}.login .dev b{font-weight:600;display:block;font-size:14px}.login .dev span{font-size:12.5px;color:var(--text-muted)}.login .dev button{margin-left:auto;font-size:12.5px;color:var(--accent-700);font-weight:500}.login .methods{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;font-size:12.5px}.login .methods button{color:var(--accent-700);font-weight:500;padding:4px 8px;border-radius:8px}.login .methods button:hover{background:var(--accent-050)}.login .methods i{color:var(--text-muted);font-style:normal}.login .note{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:12px;background:var(--accent-050);border:1px solid var(--accent-100);font-size:13px;color:var(--text-2);line-height:1.5}.login .note svg{width:15px;height:15px;stroke:var(--accent-700);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto;margin-top:2px}.login .foot2{margin-top:22px;display:flex;flex-wrap:wrap;gap:14px;justify-content:center;font-size:12px;color:var(--text-muted)}.login .foot2 a:hover{color:var(--text)}.login .toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);background:var(--ink);color:#fff;padding:10px 16px;border-radius:12px;font-size:13.5px;opacity:0;transition:opacity .2s;pointer-events:none;white-space:nowrap;box-shadow:0 12px 30px -12px rgba(0,0,0,.4)}.login .toast.on{opacity:1}.login .done{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;padding:10px 0}.login .done .ic{width:64px;height:64px;border-radius:999px;background:var(--succ-bg);display:grid;place-items:center}.login .done .ic svg{width:30px;height:30px;stroke:var(--succ);fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.login .bar{height:5px;border-radius:3px;background:var(--surface-3);overflow:hidden;width:100%}.login .bar i{display:block;height:100%;background:var(--accent);width:0;animation:fill 1.6s var(--ease) forwards}@keyframes fill{to{width:100%}}@media (max-width:980px){.login .wrap{grid-template-columns:1fr}.login .hero{padding:26px 22px;min-height:0}.login .hero .mid{padding:24px 0 8px;gap:14px}.login .hero h1{font-size:28px}.login .hero .ft,.login .hero .prev,.login .hero .pts{display:none}.login .side{padding:20px 16px 32px;margin-top:-18px}.login .card{padding:24px 20px;border-radius:18px}}