.error-state{--ink:#10233f;--bronze:#a8622c;min-height:100svh;background:radial-gradient(circle at 78% 20%,#e9f2f8 0,transparent 34%),linear-gradient(135deg,#fffdfa,#f6f0e6);color:var(--ink);display:grid;grid-template-rows:auto 1fr auto;padding:24px clamp(22px,6vw,86px);overflow:hidden}.error-state footer,.error-state header{position:relative;z-index:2;display:flex;align-items:center;min-height:54px}.error-state header a{color:inherit;text-decoration:none}.error-state section{width:min(820px,100%);margin:auto;position:relative;z-index:1}.error-state section>small{display:block;margin:28px 0 12px;color:var(--bronze);font-size:.72rem;font-weight:850;letter-spacing:.16em}.error-state h1{max-width:760px;margin:0;font-size:clamp(2.8rem,7vw,6.8rem);line-height:.92;letter-spacing:-.055em}.error-state p{max-width:610px;margin:28px 0;color:#506078;font-size:clamp(1rem,1.8vw,1.24rem);line-height:1.65}.error-state nav{display:flex;flex-wrap:wrap;gap:12px}.error-state nav a,.error-state nav button{min-height:48px;padding:0 22px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font:inherit;font-weight:800;text-decoration:none;cursor:pointer}.error-primary{border:1px solid var(--ink);background:var(--ink);color:#fff}.error-secondary{border:1px solid #cdbda9;background:rgba(255,255,255,.62);color:var(--ink)}.error-state footer{color:#7a6857;font-size:.75rem;letter-spacing:.05em}.error-orbit{width:150px;height:150px;border:1px solid rgba(168,98,44,.28);border-radius:50%;position:absolute;inset:-55px auto auto min(70vw,690px);display:grid;place-items:center}.error-orbit:after,.error-orbit:before{content:"";position:absolute;border:1px solid rgba(16,35,63,.1);border-radius:50%;inset:18px}.error-orbit:after{inset:42px}.error-orbit strong{font-size:1.4rem}.error-orbit i{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--bronze);box-shadow:0 0 0 5px rgba(168,98,44,.09)}.error-orbit i:first-child{top:5px}.error-orbit i:nth-child(2){right:15px;bottom:23px}.error-orbit i:nth-child(3){left:0;top:82px}.error-orbit-paused i{animation:none}.error-state.rtl{font-family:Arial,Segoe UI,sans-serif}.error-state.rtl h1{letter-spacing:0;line-height:1.15}.error-state.rtl section>small{letter-spacing:0}.error-state.rtl .error-orbit{inset:-55px min(70vw,690px) auto auto}@media(max-width:600px){.error-state{padding:16px 20px}.error-state section{padding:56px 0 24px}.error-state h1{font-size:clamp(2.55rem,14vw,4.2rem)}.error-state nav{display:grid}.error-state nav a,.error-state nav button{width:100%}.error-orbit{width:112px;height:112px;inset:-18px 2px auto auto}.error-state.rtl .error-orbit{inset:-18px auto auto 2px}}@media(prefers-reduced-motion:reduce){.error-state *{scroll-behavior:auto!important}}.error-ar-state,html[data-locale=ar] .error-fr-state{display:none}html[data-locale=ar] .error-ar-state{display:block}html[data-locale=ar] .error-state{font-family:Arial,Segoe UI,sans-serif}html[data-locale=ar] .error-state h1{letter-spacing:0;line-height:1.15}html[data-locale=ar] .error-state section>small{letter-spacing:0}html[data-locale=ar] .error-state .error-orbit{inset:-55px min(70vw,690px) auto auto}@media(max-width:600px){html[data-locale=ar] .error-state .error-orbit{inset:-18px auto auto 2px}}