.account-page{margin:0;background:#f5f7f9;color:#18212b;font:16px/1.5 system-ui,sans-serif;display:grid;min-height:100vh;place-items:center}.account-card{box-sizing:border-box;background:white;border:1px solid #dfe3e8;border-radius:16px;padding:28px;width:min(440px,calc(100% - 32px));margin:24px auto}.account-card label{display:block;margin-top:16px;font-weight:600}.account-card input{box-sizing:border-box;width:100%;padding:12px;border:1px solid #697586;border-radius:8px;font:inherit}.account-card button{width:100%;margin-top:12px;padding:12px;border:0;border-radius:8px;background:#18212b;color:white;font:inherit;cursor:pointer}.account-card .secondary{background:#eef2f6;color:#18212b}.account-card button:disabled{opacity:.6}.account-card [role=alert]{color:#b42318}.account-card input:focus-visible,.account-card button:focus-visible{outline:3px solid #1976b9;outline-offset:2px}.account-status{position:sticky;top:0;z-index:1000;box-sizing:border-box;padding:9px 14px;background:#eaf3ee;color:#174d30;font:14px/1.4 system-ui,sans-serif;text-align:center}.account-status[data-error=true]{background:#fff0eb;color:#8e2413}.account-status button{font:inherit;margin:4px;padding:5px 10px;cursor:pointer}.account-status[hidden]{display:none}
.demo-credentials{margin-top:20px;padding-top:16px;border-top:1px solid #dfe3e8;color:#52606d;font-size:14px}.demo-credentials strong,.demo-credentials span{display:block}.demo-credentials strong{margin-bottom:4px;color:#18212b}.demo-credentials code{font:inherit;font-weight:600;color:#18212b}.demo-credentials[hidden]{display:none}