.login-page{min-height:100vh;display:grid;place-items:center}.login-layout{margin:0;max-width:1180px;width:100%;display:grid;grid-template-columns:1.15fr 1fr;gap:64px;align-items:center;padding:50px}.login-story h1{font-size:clamp(30px,4vw,52px);line-height:1.8;margin:24px 0}.login-story h1 span{color:var(--primary)}.login-story p{line-height:2}.login-logo{font-size:52px;font-weight:900}.login-features{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.login-features span{padding:10px 16px;background:var(--surface);border-radius:20px}.login-card{padding:40px}.login-card h2{margin:16px 0}.login-card form{margin-top:30px}.login-card .field{margin-bottom:18px}.login-footnote{margin-top:24px}#login-error{color:var(--error);padding:14px;line-height:1.8}.online-session{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.online-update{position:fixed;bottom:20px;left:20px;z-index:200;background:var(--surface);padding:20px;border:1px solid var(--primary);border-radius:18px;box-shadow:var(--dialog-shadow);max-width:calc(100vw - 40px)}@media(max-width:760px){.login-layout{grid-template-columns:1fr;padding:24px;gap:24px}.login-story h1{font-size:28px;margin:14px 0}.login-story .login-logo{font-size:34px}.login-story .login-features{display:none}.login-card{padding:28px}.topbar-right{flex-wrap:wrap}}@media print{.online-session,.online-update{display:none!important}}