.login-page{min-height:100vh;display:grid;align-items:center}.login-layout{width:min(1120px,calc(100% - 48px));display:grid;grid-template-columns:1.15fr 1fr;gap:80px;padding:64px 0}.login-story{align-self:center}.login-story .brand-mark{margin-bottom:34px;width:60px;height:60px}.login-story h1{font-size:clamp(2.8rem,5.5vw,5.2rem);line-height:1.03;margin:20px 0 26px}.login-intro{font-size:1.08rem;max-width:440px;color:var(--muted);line-height:1.7}.login-principles{display:grid;gap:12px;margin:32px 0;font-size:.9rem}.login-principles span:before{content:'✓';color:var(--green);margin-right:12px}.login-footnote{font-size:.75rem;color:var(--muted);max-width:370px;margin-top:48px}.login-card{padding:36px;background:var(--panel);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);align-self:center}.login-card h2{font-family:Georgia,serif;font-size:2rem;margin:12px 0}.login-card form{display:grid;gap:20px;margin-top:28px}.login-card label{display:grid;gap:8px;font-size:.85rem;font-weight:650}.login-card input{width:100%;min-height:46px}.login-card .button{min-height:46px}.login-note{border-top:1px solid var(--line);padding-top:20px;margin-top:26px;color:var(--muted);font-size:.75rem}.login-card .alert{font-size:.85rem;margin-top:20px}.login-card code{display:block;overflow-wrap:anywhere;padding:12px;background:var(--mint);border-radius:8px;user-select:all}#login-status{color:var(--red);font-size:.85rem;margin-top:16px}.login-page [hidden]{display:none!important}button:disabled{opacity:.55;cursor:not-allowed}input:focus-visible,button:focus-visible{outline:3px solid #55a77d;outline-offset:3px}@media(max-width:800px){.login-layout{grid-template-columns:1fr;gap:28px;padding:32px 0}.login-story h1{font-size:3rem}.login-principles,.login-footnote{display:none}.login-story .brand-mark{margin-bottom:20px}.login-card{padding:26px}}