.state-page{color:#0b315f;background:radial-gradient(circle at 15% 20%,#e5f2ef,#0000 34%),linear-gradient(150deg,#f7fafc,#eef3f7);place-items:center;min-height:100vh;padding:24px;display:grid}.state-card{text-align:center;background:#fff;border:1px solid #d7e2ec;border-radius:18px;width:min(590px,100%);padding:38px;box-shadow:0 22px 55px #092f6514}.state-mark{color:#087766;background:#eef5f3;border:1px solid #cfe2dd;border-radius:20px;place-items:center;width:72px;height:72px;margin:0 auto 20px;font-size:25px;font-weight:800;display:grid}.state-card h1{margin:0 0 10px;font-size:28px}.state-card p{color:#627689;max-width:440px;margin:0 auto 22px;line-height:2}.state-actions{justify-content:center;gap:10px;display:flex}.state-actions a,.state-actions button{color:#0b315f;background:#fff;border:1px solid #0b315f;border-radius:9px;justify-content:center;align-items:center;min-height:43px;padding:0 20px;display:inline-flex}.state-actions .primary{color:#fff;background:#0b315f}.state-digest{color:#8a99a7;font:var(--jtb-text-small) monospace;margin-top:18px;display:block}.state-loading{justify-items:center;gap:12px;display:grid}.state-spinner{border:4px solid #d7e5e1;border-top-color:#087766;border-radius:50%;width:42px;height:42px;animation:.8s linear infinite state-spin}@keyframes state-spin{to{transform:rotate(360deg)}}@media (max-width:520px){.state-card{padding:28px 18px}.state-card h1{font-size:23px}.state-actions{display:grid}.state-actions a,.state-actions button{width:100%}}
