:root{--login-width:420px;--login-logo-width:220px}
body.login-page{margin:0;min-height:100svh;display:grid;place-items:center;padding:var(--space-6);background:var(--surface);color:var(--text);font-family:var(--font-sans)}
.login-shell{width:100%;max-width:var(--login-width);padding-block:var(--space-6)}
.login-logo{display:block;margin-bottom:var(--space-7)}
.login-logo svg{display:block;width:var(--login-logo-width);max-width:100%;height:auto}
.login-kicker{margin:0 0 var(--space-2);font-size:var(--fe-text-sm);line-height:var(--leading-sm);font-weight:var(--weight-medium);color:var(--text-muted)}
.login-shell h1{margin:0 0 var(--space-3);font-size:var(--fe-text-2xl);line-height:var(--leading-snug);font-weight:var(--weight-medium);letter-spacing:var(--tracking-tight)}
.login-lede{margin:0 0 var(--space-6);font-size:var(--fe-text-md);line-height:var(--leading-md);color:var(--text-muted)}
.login-form{display:grid;gap:var(--space-4)}
.login-field{display:grid;gap:var(--space-2);font-size:var(--fe-text-ui);font-weight:var(--weight-semibold)}
.login-field .fe-input{width:100%;min-height:var(--control-touch)}
.login-submit{width:100%;min-height:var(--control-lg);margin-top:var(--space-2)}
.login-error{margin:0;padding:var(--space-3) var(--space-4);border:var(--stroke-hairline) solid var(--accent-line);border-radius:var(--radius-control);background:var(--accent-soft);color:var(--danger);font-size:var(--fe-text-ui);line-height:var(--leading-ui)}
.login-shell :focus-visible{outline:var(--stroke-mark) solid var(--focus);outline-offset:var(--focus-offset)}