html,
body { overflow-x: hidden; }
.brand img { width: min(180px, 42vw); height: auto; }
.site-legal { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px 18px; margin-top: 12px; font-size: 11px; line-height: 1.6; }
.site-legal a { color: inherit; opacity: .76; text-decoration: none; }
.site-legal a:hover,
.site-legal a:focus-visible { color: #67f7de; opacity: 1; }
.legal-main { width: min(900px, 100%); margin: 0 auto; padding: clamp(48px, 8vw, 96px) 0; }
.legal-hero { padding-bottom: 28px; border-bottom: 1px solid #293957; }
.legal-hero h1 { margin: 14px 0; font-size: clamp(40px, 7vw, 72px); line-height: 1; letter-spacing: -.055em; }
.legal-meta { color: #91a2c2; font-size: 13px; }
.legal-body { padding: 26px 0; color: #bac5dc; line-height: 1.85; }
.legal-body h2 { margin: 36px 0 10px; color: #f4f7ff; font-size: 22px; }
.legal-body p,
.legal-body li { max-width: 76ch; }
.legal-body a { color: #67f7de; }
.legal-body ul { padding-left: 1.2em; }
.legal-contact { margin-top: 36px; padding: 22px; border: 1px solid #31486c; border-radius: 16px; background: #0c1427; }
.error-main { min-height: calc(100vh - 180px); display: grid; place-items: center; text-align: center; }
.error-code { font: 800 clamp(80px, 20vw, 190px)/.8 ui-monospace, SFMono-Regular, monospace; letter-spacing: -.09em; color: #67f7de; text-shadow: 0 0 48px #67f7de33; }
.error-main h1 { margin: 24px 0 10px; font-size: clamp(28px, 5vw, 48px); }