*, *::before, *::after { box-sizing: border-box; }
html { scroll-padding-top: 84px; -webkit-text-size-adjust: 100%; }
body { margin: 0; color: #080b0d; background: #080b0d; font-family: Arial, Helvetica, sans-serif; }
button, input, select, textarea { font: inherit; }
button, a, input, select { -webkit-tap-highlight-color: transparent; }
button { cursor: pointer; }
button:disabled { cursor: default; }
[hidden] { display: none !important; }
:focus-visible { outline: 3px solid #b38d00; outline-offset: 4px; }
.site-skip { position: fixed; top: 8px; left: 8px; z-index: 10000; padding: 12px 18px; transform: translateY(-180%); background: #ffdc22; color: #080b0d; border-radius: 8px; font-weight: 700; }
.site-skip:focus { transform: translateY(0); }
.site-noscript { margin: 0; padding: 18px; background: #ffdc22; color: #080b0d; text-align: center; line-height: 1.5; }
.site-noscript a { color: inherit; }
.site-404 { min-height: 100svh; display: grid; align-content: center; gap: 24px; max-width: 800px; margin: auto; padding: 32px; color: #fff; }
.site-404 h1 { margin: 0; font-size: clamp(36px, 7vw, 64px); letter-spacing: -.04em; }
.site-404 p { color: #b9bec1; line-height: 1.6; }
.site-404 a { color: #ffdc22; }
.site-404-brand { display: block; width: 280px; max-width: 100%; }
.site-404-brand img { display: block; width: 100%; height: auto; }
.site-404-emblem { display: block; width: 100px; height: auto; }
@media (max-width: 720px) {
  html { scroll-padding-top: 86px; }
  .site-404-brand { width: 180px; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }