.login-body{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 0,rgba(79,140,255,.14),transparent 38%),#090a0d}
.login-shell{width:min(440px,calc(100% - 32px));display:grid;gap:24px}
.login-shell>.login-brand,.login-shell>.admin-brand{justify-self:center;display:flex;align-items:center;gap:10px;font-weight:700}
.login-shell>.login-brand .logo,.login-shell>.admin-brand .logo{width:34px;height:34px}
.login-shell>.login-brand small,.login-shell>.admin-brand small{display:block;font:500 11px DM Mono,monospace;color:#9db7ff;letter-spacing:.08em;text-transform:uppercase}
.login-card{display:grid;gap:22px;padding:34px;border:1px solid var(--line);border-radius:16px;background:#101116;box-shadow:0 28px 80px rgba(0,0,0,.42)}
.login-card h1{margin:7px 0 3px;font-size:36px;letter-spacing:-.04em}
.login-card p{margin:0;color:var(--muted)}
.login-card label{display:grid;gap:7px;font-size:13px;color:#d7d9df}
.login-card input{width:100%;padding:13px 14px;border:1px solid #30333b;border-radius:8px;background:#0b0c0f;color:#fff;outline:none}
.login-card input:focus{border-color:#4f8cff;box-shadow:0 0 0 3px rgba(79,140,255,.14)}
.login-card .button{justify-content:center;cursor:pointer}
.login-card>a{text-align:center;color:var(--muted);font-size:12px}