*{box-sizing:border-box;margin:0;padding:0}html{width:100%;height:100%;overflow:hidden;color-scheme:light dark}body,#root{width:100%;height:100%;overflow:hidden}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,Helvetica,Arial,sans-serif;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--bg: #f8fafc;--text: #0f172a;--muted: #64748b;--soft: #94a3b8;--grid: rgba(148, 163, 184, .09);--glow: rgba(15, 23, 42, .04);--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--page-x: clamp(24px, 5vw, 76px);--page-y: clamp(22px, 4vw, 46px);--logo-width: clamp(118px, 10vw, 150px);--code-size: clamp(108px, 18vw, 232px);--title-size: clamp(28px, 4.2vw, 50px);--body-size: clamp(15px, 1.2vw, 18px);--quote-size: clamp(12px, 1vw, 14px)}@media(prefers-color-scheme:dark){:root{--bg: #070b14;--text: #f8fafc;--muted: #8996a8;--soft: #5f6b7a;--grid: rgba(148, 163, 184, .045);--glow: rgba(96, 165, 250, .055)}}.page{position:relative;width:100%;height:100vh;height:100svh;height:100dvh;min-height:100vh;min-height:100svh;min-height:100dvh;overflow:hidden;padding:calc(var(--page-y) + var(--safe-top)) calc(var(--page-x) + var(--safe-right)) calc(var(--page-y) + var(--safe-bottom)) calc(var(--page-x) + var(--safe-left));color:var(--text);background:radial-gradient(circle at 50% 46%,var(--glow),transparent 28%),linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px),var(--bg);background-size:100% 100%,clamp(56px,7vw,92px) clamp(56px,7vw,92px),clamp(56px,7vw,92px) clamp(56px,7vw,92px),auto}.brand{position:absolute;top:calc(var(--page-y) + var(--safe-top));left:calc(var(--page-x) + var(--safe-left));z-index:2}.brand img{display:block;width:var(--logo-width);height:auto;object-fit:contain;opacity:.92}.hero{position:absolute;inset:calc(var(--page-y) + var(--safe-top)) calc(var(--page-x) + var(--safe-right)) calc(var(--page-y) + var(--safe-bottom)) calc(var(--page-x) + var(--safe-left));display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}h1{color:var(--text);font-size:var(--code-size);line-height:.92;font-weight:850;letter-spacing:-.035em;font-variant-numeric:tabular-nums}.message{display:grid;gap:clamp(12px,1.4vw,18px);max-width:620px;margin-top:clamp(26px,3.8vw,52px)}h2{color:var(--text);font-size:var(--title-size);line-height:1.04;font-weight:760;letter-spacing:-.045em}.message p{max-width:520px;margin-inline:auto;color:var(--muted);font-size:var(--body-size);line-height:1.65;letter-spacing:-.01em}.quote{position:absolute;right:calc(var(--page-x) + var(--safe-right));bottom:calc(var(--page-y) + var(--safe-bottom));z-index:2;width:min(360px,32vw);color:var(--soft);font-size:var(--quote-size);line-height:1.6;font-style:italic;text-align:right;opacity:.58;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}footer{position:absolute;left:calc(var(--page-x) + var(--safe-left));bottom:calc(var(--page-y) + var(--safe-bottom));z-index:2;color:var(--soft);font-size:clamp(11px,.9vw,13px);line-height:1;white-space:nowrap;opacity:.72}@media(max-width:900px){:root{--page-x: clamp(22px, 5vw, 42px);--page-y: clamp(20px, 4vw, 34px);--code-size: clamp(104px, 25vw, 190px);--title-size: clamp(28px, 6vw, 44px);--body-size: clamp(15px, 2.2vw, 17px)}.quote{width:min(320px,42vw)}}@media(max-width:640px){:root{--page-x: 22px;--page-y: 22px;--logo-width: 122px;--code-size: clamp(92px, 34vw, 152px);--title-size: clamp(27px, 8vw, 38px);--body-size: 15px;--quote-size: 12px}.brand{left:50%;transform:translate(-50%)}.message{max-width:92vw;margin-top:28px}.message p{max-width:320px}.quote{left:50%;right:auto;bottom:calc(52px + var(--safe-bottom));transform:translate(-50%);width:min(320px,86vw);text-align:center;opacity:.45}footer{left:50%;transform:translate(-50%)}}@media(max-height:700px){:root{--page-y: 18px;--logo-width: 116px;--code-size: clamp(84px, 22vh, 152px);--title-size: clamp(24px, 5vh, 36px)}.message{gap:10px;margin-top:22px}.message p{line-height:1.45}.quote{display:none}}@media(max-height:520px){.brand{display:none}.message{margin-top:18px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important}}#error-code{font-size:clamp(110px,18vw,190px);line-height:.95;font-weight:650;letter-spacing:.015em;font-variant-numeric:tabular-nums;font-feature-settings:"tnum";background:linear-gradient(180deg,var(--text) 0%,color-mix(in srgb,var(--text) 72%,var(--muted)) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}