html body.login-page{margin:0;min-height:100dvh;background:var(--workspace-bg,var(--void));color:var(--tx);font-family:var(--ui-font);display:grid;place-items:center;padding:32px 20px;box-sizing:border-box}
.login-shell{padding:0;width:min(100%,420px)}
.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:24px;font-size:15px;font-weight:600}
.login-mark{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--edge-lit);border-radius:10px;font-size:17px;letter-spacing:-.06em}
.login-card{padding:36px;border:1px solid var(--edge-lit);border-radius:var(--card-radius,16px);background:var(--panel);box-shadow:var(--drop)}
.login-symbol{width:48px;height:48px;margin-bottom:28px;color:var(--tx-2)}
.login-eyebrow{margin:0 0 10px;color:var(--tx-3);font-size:10px;letter-spacing:.15em}
.login-card h1{margin:0;font-size:25px;font-weight:500;letter-spacing:-.035em;line-height:1.2}
.login-status{min-height:44px;margin:12px 0 24px;color:var(--tx-2);font-size:13px;line-height:1.6;overflow-wrap:anywhere}
.login-continue{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 15px;border:1px solid var(--edge-lit);border-radius:8px;color:var(--tx);background:var(--wash);text-decoration:none;font-size:13px}
.login-continue:hover{background:var(--panel-hi)}
.login-continue:focus-visible{outline:2px solid var(--amber);outline-offset:4px}
.login-footer{margin:20px 0 0;color:var(--tx-3);font-size:11px;text-align:center;line-height:1.6}
.login-footer span{margin:0 5px}
@media(max-width:450px){html body.login-page{padding:24px 20px}.login-card{padding:28px 24px}.login-card h1{font-size:23px}}