.system-state{--ink:#183d3c;--accent:#287d79;min-height:100vh;color:var(--ink);background:radial-gradient(circle at 20% 10%,#dceff4 0,#0000 34%),radial-gradient(circle at 85% 80%,#eee8f8 0,#0000 30%),#f8faf7;place-items:center;padding:24px;font-family:IRANSansnum,Tahoma,sans-serif;display:grid}.system-state section{text-align:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffdf;border:1px solid #dfe8e4;border-radius:28px;width:min(100%,600px);padding:clamp(28px,5vw,54px);box-shadow:0 24px 70px #183d3c12}.system-state-icon{width:72px;height:72px;color:var(--accent);background:#e5f1ed;border-radius:24px;place-items:center;margin:0 auto 18px;display:grid;transform:rotate(-5deg)}.system-state-icon.is-error{color:#b85f3b;background:#fff0e7}.system-state-icon svg{width:34px;height:34px}.system-state small{color:var(--accent);font-weight:700}.system-state h1{margin:10px 0;font-size:clamp(28px,5vw,44px)}.system-state p{color:#687c78;max-width:430px;margin:0 auto 24px;line-height:2}.system-state section>div{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.system-state a,.system-state button{min-height:48px;color:var(--ink);font:inherit;cursor:pointer;background:#fff;border:1px solid #dce7e2;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;text-decoration:none;display:inline-flex}.system-state .system-state-primary{border-color:var(--accent);background:var(--accent);color:#fff}.system-state :is(a,button):focus-visible{outline-offset:4px;outline:3px solid #d4864e}.system-loader{border:5px solid #dfeae6;border-top-color:var(--accent);border-radius:50%;width:58px;height:58px;margin:0 auto 20px;animation:.8s linear infinite systemSpin;display:block}@keyframes systemSpin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.system-loader{background:var(--accent);border-top-color:#dfeae6;animation:none}}