.app-error-shell{--error-sky:#e1eef9;--error-ground:#f7fbff;--error-ink:#123d70;--error-copy:#44627f;--error-code:#367ebc;--error-button:#176ac1;--error-cloud-opacity:.82;box-sizing:border-box;isolation:isolate;background:radial-gradient(ellipse at 74% 10%,#fff9e3b3,transparent 45%),linear-gradient(180deg,var(--error-sky),var(--error-ground)88%);height:100svh;min-height:0;color:var(--error-ink);font-family:var(--font-body,"Trebuchet MS"),sans-serif;text-align:center;place-items:center;padding:clamp(10px,3svh,32px) clamp(12px,4vw,40px);display:grid;position:relative;overflow:hidden}html[data-theme=dark] .app-error-shell{--error-sky:#154b8b;--error-ground:var(--color-background,#0b3655);--error-ink:var(--color-foreground,#f2f7fd);--error-copy:#c3ddf5;--error-code:#a7d9ff;--error-button:#b5ddff;--error-cloud-opacity:.18;background:radial-gradient(ellipse at 70% 0%,#3675b857,transparent 50%),linear-gradient(180deg,var(--error-sky),var(--error-ground)88%)}.app-error-content{box-sizing:border-box;z-index:1;background:#f7fbff;border-radius:28px;width:min(100%,680px);padding:clamp(14px,3svh,32px) clamp(16px,4vw,40px);position:relative;box-shadow:inset 0 1px 1px #ffffffb3,0 18px 60px -24px #123d7045}html[data-theme=dark] .app-error-content{background:#0b3655;box-shadow:inset 0 1px 1px #ffffff12,0 20px 60px -24px #001b3b80}.app-error-brand{justify-content:center;align-items:center;gap:12px;margin-bottom:clamp(4px,1svh,12px);display:flex}.app-error-brand img{width:clamp(28px,6svh,52px);height:auto}.app-error-eyebrow{color:var(--error-ink);letter-spacing:.2em;text-transform:uppercase;font-size:12px;font-weight:700}.app-error-sky{width:min(100%,480px);margin:0 auto clamp(6px,1.5svh,16px);position:relative;container-type:inline-size}.app-error-code{font:800 min(22svh,180px,52cqw)/1.1 var(--font-title,"Trebuchet MS"),sans-serif;letter-spacing:-.065em;color:var(--error-code);text-shadow:0 2px #ffffff40,0 18px 38px #123d701a;padding-inline-end:.065em;position:relative}.app-error-clouds{z-index:0;pointer-events:none;opacity:var(--error-cloud-opacity);position:absolute;inset:0}.app-error-clouds:before,.app-error-clouds:after{content:"";background:url(/assets/img/footer/cloud-frame.webp) bottom/max(100%,900px) no-repeat;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 10%,#000 70%);mask-image:linear-gradient(#0000 10%,#000 70%)}.app-error-clouds:before{transform:rotate(180deg)}.app-error-title{color:var(--error-ink);font:600 clamp(26px,min(4.5vw,5.5svh),44px)/1.15 var(--font-title,"Trebuchet MS"),sans-serif;letter-spacing:-.04em;text-wrap:balance;margin:0}.app-error-description{max-width:440px;color:var(--error-copy);text-wrap:pretty;margin:clamp(8px,1.8svh,18px) auto 0;font-size:clamp(14px,2svh,17px);line-height:1.55}.app-error-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:clamp(12px,2.8svh,28px);display:flex}.app-error-action{box-sizing:border-box;min-width:140px;min-height:44px;font:700 14px/1.4 var(--font-body,"Trebuchet MS"),sans-serif;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;padding:12px 20px;text-decoration:none;transition:transform .18s,box-shadow .18s;display:inline-flex}.app-error-action--primary{background:var(--error-button);color:#fff;box-shadow:inset 0 1px 1px #ffffff40,0 8px 22px #123d7026}html[data-theme=dark] .app-error-action--primary{color:#0b3655}.app-error-action--secondary{color:var(--error-ink);background:#ffffff26;box-shadow:inset 0 1px 1px #ffffff40,0 4px 16px #123d7012}.app-error-action:hover{transform:translateY(-2px)}.app-error-action:focus-visible{outline:3px solid var(--error-ink);outline-offset:5px}.app-error-action:active{transform:translateY(0)}.app-error-shell--embedded{height:min(700px,100svh)}body:has(>.app-error-shell--standalone){margin:0}@media (prefers-color-scheme:dark){html:not([data-theme]) .app-error-shell--standalone{--error-sky:#154b8b;--error-ground:#0b3655;--error-ink:#f2f7fd;--error-copy:#c3ddf5;--error-code:#a7d9ff;--error-button:#b5ddff;--error-cloud-opacity:.18;background:linear-gradient(var(--error-sky),var(--error-ground))}html:not([data-theme]) .app-error-shell--standalone .app-error-action--primary{color:#0b3655}html:not([data-theme]) .app-error-shell--standalone .app-error-content{background:#0b3655;box-shadow:inset 0 1px 1px #ffffff12,0 20px 60px -24px #001b3b80}}[dir=rtl] .app-error-eyebrow,[dir=rtl] .app-error-title{letter-spacing:0}@media (max-width:400px){.app-error-shell{padding-inline:12px}.app-error-actions{gap:10px}.app-error-action{flex:1;min-width:0;padding-inline:12px;font-size:13px}}@media (max-height:500px) and (min-width:600px){.app-error-content{text-align:start;grid-template-columns:minmax(120px,.75fr) minmax(0,1.25fr);column-gap:24px;width:min(100%,820px);display:grid}.app-error-brand,.app-error-title,.app-error-description,.app-error-actions{grid-column:2}.app-error-brand,.app-error-actions{justify-content:flex-start}.app-error-sky{grid-area:1/1/5;align-self:center;margin:0}.app-error-code{font-size:min(150px,52cqw)}.app-error-description{margin-inline:0}.app-error-title{font-size:26px}}@media (max-height:440px) and (max-width:599px){.app-error-content{border-radius:20px;padding:10px 14px}.app-error-brand{gap:8px;margin-bottom:2px}.app-error-brand img{width:24px}.app-error-eyebrow{font-size:10px}.app-error-code{font-size:min(12svh,64px)}.app-error-sky{margin-bottom:4px}.app-error-title{font-size:22px;line-height:1.12}.app-error-description{margin-top:6px;font-size:13px;line-height:1.35}.app-error-actions{margin-top:8px}.app-error-action{padding-block:8px}}@media (prefers-reduced-motion:reduce){.app-error-action{transition:none}.app-error-action:hover{transform:none}}
