.login{min-height:100dvh;padding:28px 20px calc(28px + env(safe-area-inset-bottom));background:var(--bg);place-items:center;display:grid}.login-dark{--bg:#0b0b0d;--bg-2:#121214;--surface:#0f0f11;--surface-2:#1c1c20;--hair:#ffffff1a;--hair-2:#ffffff2e;--hover:#ffffff0e;--fg:#f7f8fa;--fg-2:#dddfe4;--fg-3:#b4b8c0;--fg-4:#8f949d;--accent:#0a84ff;--accent-dim:#0a84ff29;--bad:#ff453a;--plat:#c9cdd3;--metal:linear-gradient(135deg, #f4f5f7 0%, #c3c7ce 32%, #eef0f3 52%, #8f959e 78%, #d6d9de 100%);--scrim:#0607099e;--shadow:0 18px 50px #0000008c;--shadow-card:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--fg)}.login-card{border-color:var(--hair-2);width:100%;max-width:380px;box-shadow:var(--shadow);flex-direction:column;gap:14px;padding:32px 28px 28px;display:flex;position:relative}.login-mark{cursor:pointer;-webkit-user-select:none;user-select:none;width:84px;height:84px;transition:transform var(--t);background:0 0;border-radius:0;align-self:center;place-items:center;padding:0;display:grid;position:relative;overflow:visible}.login-mark:active{transform:scale(.97)}.login-sub{text-align:center;letter-spacing:.16em;text-transform:uppercase;color:var(--plat);margin:4px 0 0;font-size:11px;font-weight:600}.login-card h1{text-align:center;letter-spacing:-.03em;color:var(--fg);margin:-10px 0 6px;font-size:22px;font-weight:700}.login-pips{justify-content:center;gap:6px;margin:-6px 0 2px;display:flex}.login-pips span{background:var(--hair-2);width:20px;height:3px;transition:background var(--t);border-radius:2px}.login-pips span.on{background:var(--plat)}.lw-wrap{z-index:200;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.lw-scrim{background:var(--scrim);border:0;position:absolute;inset:0}.lw:focus-visible{outline:none}.lw{border-radius:var(--r-card);background:var(--surface);border:1px solid var(--hair-2);width:min(340px,100%);box-shadow:var(--shadow);padding:8px;position:relative}.lw-head{justify-content:space-between;align-items:center;padding:10px 8px 12px 14px;display:flex}.lw-head b{letter-spacing:-.02em;font-size:15px;font-weight:700}.lw-x{width:44px;height:44px;color:var(--fg-4);transition:background var(--t), color var(--t);border-radius:10px;place-items:center;margin:-7px -7px -7px 0;display:grid}.lw-x:hover{background:var(--hover);color:var(--fg)}.lw-x svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;width:15px;height:15px}.lw-list{flex-direction:column;gap:2px;display:flex}.lw-row{text-align:left;width:100%;min-height:44px;transition:background var(--t);border-radius:10px;align-items:center;gap:12px;padding:9px 12px;display:flex}.lw-row:hover{background:var(--hover)}.lw-row.on{background:var(--accent-dim)}.lw-av{color:#fff;background:hsl(var(--hue) 30% 38%);border-radius:50%;flex:0 0 40px;place-items:center;width:40px;height:40px;font-size:16px;font-weight:700;display:grid}.lw-name{min-width:0;color:var(--fg);flex:auto;font-size:15px;font-weight:600}.lw-name em{color:var(--fg-4);margin-top:2px;font-size:12px;font-style:normal;font-weight:400;display:block}.lw-tick{border:1.5px solid var(--hair-2);color:#0000;width:20px;height:20px;transition:border-color var(--t), background var(--t), color var(--t);border-radius:50%;flex:0 0 20px;place-items:center;display:grid}.lw-tick svg{fill:none;stroke:currentColor;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;width:12px;height:12px}.lw-row.on .lw-tick{border-color:var(--accent);background:var(--accent);color:#fff}.login-as{border-radius:var(--r-ctl);border:1px solid var(--hair);background:var(--surface-2);width:100%;min-height:40px;color:var(--fg-3);text-align:left;transition:border-color var(--t);align-items:center;gap:9px;padding:6px 12px 6px 6px;font-size:13px;display:flex}.login-as:hover{border-color:var(--hair-2)}.login-as b{color:var(--fg);font-weight:600}.login-as em{color:var(--fg-4);text-underline-offset:2px;margin-left:auto;font-size:12px;font-style:normal;text-decoration:underline}.login-as-dot{color:#fff;background:hsl(var(--hue) 30% 38%);border-radius:50%;flex:0 0 26px;place-items:center;width:26px;height:26px;font-size:12px;font-weight:700;display:grid}.login-field{flex-direction:column;gap:6px;display:flex}.login-field span:first-child{letter-spacing:.06em;text-transform:uppercase;color:var(--fg-4);font-size:11px;font-weight:600}.login-field input{border-radius:var(--r-ctl);border:1px solid var(--hair);background:var(--surface-2);height:44px;color:var(--fg);transition:border-color var(--t), box-shadow var(--t);padding:0 13px;font-family:inherit;font-size:15px}.login-field input:hover{border-color:var(--hair-2)}.login-field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim);outline:none}.login-pw{display:block;position:relative}.login-pw input{width:100%;padding-right:50px}.login-eye{width:40px;height:40px;color:var(--fg-4);transition:color var(--t), background var(--t);border-radius:8px;place-items:center;display:grid;position:absolute;top:50%;right:2px;transform:translateY(-50%)}.login-eye:hover{color:var(--fg-2);background:var(--hover)}.login-eye svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.login-err{color:var(--bad);margin:-2px 0 0;font-size:13px;line-height:1.5}.login-card .btn.login-go{width:100%;height:44px;margin-top:4px;font-size:14.5px}@media (max-width:480px){.login-card{padding:26px 20px 22px}}