.login{grid-template-columns:minmax(0,1fr);align-content:center;place-items:center;gap:18px;min-height:100dvh;padding:24px 16px;display:grid;position:relative;overflow:hidden}.login-glow{pointer-events:none;background:radial-gradient(closest-side,#d6ff3f24,#0000 70%);border-radius:50%;width:70vmax;height:70vmax;animation:16s ease-in-out infinite alternate login-drift;position:absolute;inset:-30% -10% auto auto}@keyframes login-drift{to{transform:translate(-18vmax,22vmax)scale(1.1)}}@media (prefers-reduced-motion:reduce){.login-glow{animation:none}}.login-card{background:color-mix(in srgb, var(--panel) 88%, transparent);border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:22px;gap:26px;width:100%;max-width:400px;padding:30px 26px;display:grid;position:relative;box-shadow:0 30px 80px -30px #000000b3,inset 0 0 0 1px #d6ff3f0a}.login-brand{align-items:center;gap:14px;display:flex}.login-brand h1{font-size:24px}.login-brand p{color:var(--muted);margin:0;font-size:.92em}.login-form{gap:16px;display:grid}.login-form label{gap:7px;display:grid}.login-form label>span{color:var(--muted);font-size:.88em}.login-form input:not([type=checkbox]){border:1px solid var(--line);background:var(--bg);border-radius:12px;outline:none;width:100%;padding:12px 14px;font-size:16px;transition:border-color .15s,box-shadow .15s}.login-form input:not([type=checkbox]):focus{border-color:var(--accent);box-shadow:0 0 0 3px #d6ff3f26}.login-password{position:relative}.login-password input{padding-right:48px}.login-password button{width:36px;height:36px;color:var(--muted);background:0 0;border:0;border-radius:9px;place-items:center;display:grid;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.login-password button:hover,.login-password button:focus-visible{color:var(--text);background:var(--panel-2);outline:none}.login-password svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.login-form .login-remember{cursor:pointer;align-items:center;gap:10px;display:flex}.login-remember input{width:18px;height:18px;accent-color:var(--accent);margin:0}.login-remember span{color:var(--text)!important;font-size:.92em!important}.login-error{color:var(--danger);background:#ff6b6b14;border:1px solid #ff6b6b4d;border-radius:10px;margin:0;padding:10px 12px;font-size:.92em}.login-submit{background:var(--accent);color:var(--accent-ink);border:0;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:13px 20px;font-size:16px;font-weight:700;transition:filter .15s,transform 50ms;display:flex}.login-submit:hover:not(:disabled){filter:brightness(1.06)}.login-submit:active:not(:disabled){transform:translateY(1px)}.login-submit:disabled{opacity:.5}.login-spinner{border:2px solid #12140a4d;border-top-color:var(--accent-ink);border-radius:50%;width:16px;height:16px;animation:.7s linear infinite login-spin}@keyframes login-spin{to{transform:rotate(360deg)}}.login-steps{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:8px;margin:0;padding:18px 0 0;list-style:none;display:grid}.login-steps li{text-align:center;color:var(--muted);justify-items:center;gap:6px;font-size:.8em;line-height:1.3;display:grid}.login-steps b{background:var(--panel-2);border:1px solid var(--line);width:26px;height:26px;color:var(--accent);border-radius:50%;place-items:center;font-size:.95em;display:grid}.login-foot{color:var(--muted);margin:0;font-size:.8em;position:relative}