.login{isolation:isolate;min-height:100dvh;padding:calc(var(--safe-top) + 24px) 20px calc(var(--safe-bottom) + 24px);color:#fff;background:linear-gradient(180deg, var(--sky-top) 0%, var(--sky-mid) 60%, var(--sky-bottom) 100%);place-items:center;display:grid;position:relative;overflow:hidden}.login[data-night]:after{content:"";z-index:-2;opacity:.7;background-image:radial-gradient(1.2px 1.2px at 12% 18%,#fff 50%,#0000 51%),radial-gradient(1px 1px at 30% 40%,#fff 50%,#0000 51%),radial-gradient(1.4px 1.4px at 46% 12%,#fff 50%,#0000 51%),radial-gradient(1px 1px at 66% 30%,#fff 50%,#0000 51%),radial-gradient(1.2px 1.2px at 82% 10%,#fff 50%,#0000 51%),radial-gradient(1px 1px at 90% 38%,#fff 50%,#0000 51%),radial-gradient(1.3px 1.3px at 20% 56%,#fff 50%,#0000 51%);position:absolute;inset:0 0 35%}.login-orb{z-index:-1;left:var(--orb-x);top:calc(var(--orb-y) * .6);background:radial-gradient(circle,#fff9e8f2 0 14%,#ffe7b873 26%,#ffd6961f 48%,#0000 70%);border-radius:50%;width:180px;height:180px;position:absolute;translate:-50% -50%}.login[data-night] .login-orb{background:radial-gradient(circle,#f0f3ffeb 0 17%,#cdd6ff38 32%,#0000 68%);width:110px;height:110px}.login-card{text-align:center;text-shadow:0 1px 2px #000a282e;flex-direction:column;align-items:center;width:100%;max-width:360px;display:flex}.login-card>svg{border-radius:18px;box-shadow:0 12px 40px #000a284d}.login-title{letter-spacing:.01em;margin-top:18px;font-size:44px;font-weight:700;line-height:1}.login-greeting{opacity:.92;margin-top:10px;font-size:17px;font-weight:500}.login-form{flex-direction:column;gap:12px;width:100%;margin-top:36px;display:flex}.login-field input{color:#fff;-webkit-backdrop-filter:blur(20px)saturate(160%);background:#ffffff29;border:.5px solid #fff6;border-radius:16px;outline:none;width:100%;min-height:52px;padding:0 18px;font-size:17px}.login-field input::placeholder{color:#ffffffa6}.login-field input:focus-visible{border-color:#fff}.login-btn{color:#10183a;min-height:56px;text-shadow:none;transition:transform .15s var(--ease-out), opacity .2s;background:#fff;border-radius:999px;justify-content:center;align-items:center;gap:10px;font-size:17px;font-weight:700;display:inline-flex;box-shadow:0 10px 30px #000a2840}.login-btn:active{transform:scale(.97)}.login-btn:disabled{opacity:.6;cursor:default}.login-note{opacity:.8;font-size:13px;line-height:19px}.login-error{text-align:left;text-shadow:none;-webkit-backdrop-filter:blur(16px);background:#140a1e73;border-radius:12px;align-items:flex-start;gap:6px;margin-top:18px;padding:10px 14px;font-size:14px;line-height:20px;display:flex}.login-error svg{color:#ffb3a8;flex-shrink:0;margin-top:2px}