@media(prefers-color-scheme:dark){:root{--bg:oklch(22% .011 150);--surface:oklch(25.5% .013 150);--side:oklch(19.5% .012 150);--ink:oklch(93% .012 100);--muted:oklch(70% .018 140);--line:oklch(35% .015 150);--green:oklch(78% .09 160);--green-soft:oklch(32% .035 160);--red:oklch(76% .11 25);--shadow:none;color-scheme:dark}}
.login-body{min-height:100vh;display:grid;place-items:center;padding:24px 16px;background:var(--bg)}
.login-panel{width:min(380px,100%);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:30px 26px 24px;display:grid;gap:26px}
.login-panel .brand{padding:0}
.login-form{display:grid;gap:15px}
.login-form .btn{width:100%}
.login-panel .help-line{border-top:1px solid var(--line);padding-top:16px}
.login-panel .brand{justify-content:flex-start}.login-panel .brand>span:last-child{display:block}