.login{--bg:#07090d;--surface:rgba(255,255,255,.05);--surface-2:rgba(255,255,255,.08);--ink:#f2f5f8;--muted:#9aa3ad;--line:rgba(255,255,255,.12);--blue-ink:#4cc1ef;--blue-soft:rgba(30,164,220,.16);position:relative;isolation:isolate;overflow:hidden;color-scheme:dark;min-height:100vh;min-height:100dvh;display:grid;place-items:center;align-content:center;grid-gap:18px;gap:18px;padding:24px 16px;background:#07090d;color:var(--ink)}.login:after,.login:before{content:"";position:absolute;z-index:-1;border-radius:50%;filter:blur(90px);pointer-events:none;animation:loginDrift 24s ease-in-out infinite alternate}.login:before{width:60vmax;height:60vmax;left:-22vmax;top:-26vmax;background:#0068b0;opacity:.55}.login:after{width:46vmax;height:46vmax;right:-18vmax;bottom:-20vmax;background:#0097cb;opacity:.3;animation-duration:30s}@keyframes loginDrift{to{transform:translate(5vmax,4vmax) scale(1.08)}}.login-card{width:min(440px,100%);padding:36px 32px;display:grid;grid-gap:6px;gap:6px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.11);border-radius:24px;backdrop-filter:blur(22px) saturate(140%);-webkit-backdrop-filter:blur(22px) saturate(140%);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 30px 80px rgba(0,0,0,.45);animation:loginIn .7s cubic-bezier(.2,.8,.2,1) both}@keyframes loginIn{0%{opacity:0;transform:translateY(18px) scale(.98)}}.login-card .kicker{margin:16px 0 6px;color:var(--blue)}.login-card h1{font-size:clamp(38px,9vw,52px)}.login-card .lead{font-size:15px;margin-bottom:16px}.login .logo-light{display:none}.login .input{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12)}.login .input:focus{background:rgba(255,255,255,.09)}.login-form{display:grid;grid-gap:14px;gap:14px}.login-form small{font-weight:400}.login-form .btn{margin-top:4px;min-height:50px;font-size:15px}.login-demo p{margin:0 0 14px;color:var(--muted)}.msg{margin:0;padding:10px 12px;border-radius:12px;font-size:14px}.msg.err{background:rgba(212,57,58,.16);color:#ff8a8a}.msg.ok{background:var(--blue-soft);color:var(--blue-ink)}.login-foot{margin:0;font-size:13px}.login-foot,.login-foot a{color:var(--muted)}.login-claim{margin:0;font:400 13px/1 var(--display);letter-spacing:.3em;text-transform:uppercase;color:rgba(255,255,255,.35)}@media (prefers-reduced-motion:reduce){.login-card,.login:after,.login:before{animation:none}}