.login-page{min-height:100svh;display:flex;flex-direction:column;background:var(--bg)}
.login-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 36px;border-bottom:1px solid var(--line);background:var(--surface)}
.login-header .wordmark{margin:0;flex-direction:row;align-items:baseline;gap:5px}
.login-header .wordmark strong,.login-header .wordmark em{font-size:21px}
.login-header>span{color:var(--muted);font-size:13px}
.login-main{flex:1;display:grid;place-items:center;padding:48px 24px}
.login-panel{width:min(100%,400px);padding:32px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}
.login-panel h1{font-size:26px;margin-bottom:10px}
.login-panel>p{color:var(--muted);line-height:1.65}
.login-panel form{display:grid;gap:20px;margin-top:28px}
.login-panel input{width:100%;min-height:44px;font-size:16px}
.login-panel .button{width:100%;min-height:44px;margin-top:4px}
.login-panel .form-error{margin:0}
.login-panel .login-help{margin-top:24px;font-size:12px}
.login-footer{padding:20px 24px;text-align:center;color:var(--muted);font-size:12px}
.session-logout{margin:0}.session-logout button{font-size:12px;min-height:36px}
@media(max-width:560px){.login-header{padding:20px;gap:16px}.login-header>span{font-size:12px}.login-header .wordmark strong,.login-header .wordmark em{font-size:17px}.login-main{padding:32px 16px}.login-panel{padding:28px 24px}.login-panel h1{font-size:24px}}