*, *::before, *::after { box-sizing: border-box; }
body { margin: 0; background: #0b0d18; color: #f6f4ef; font: 400 1.0625rem/1.65 'Schibsted Grotesk', system-ui, sans-serif; -webkit-font-smoothing: antialiased; }
a { color: inherit; text-underline-offset: 3px; }
.legal { max-width: 720px; margin-inline: auto; padding: clamp(28px, 6vw, 72px) clamp(18px, 5vw, 32px) 80px; }
.legal__home { display: inline-flex; align-items: center; gap: 8px; font-weight: 700; text-decoration: none; margin-bottom: clamp(28px, 6vw, 56px); }
.legal__home i { width: 10px; height: 22px; background: #f2b705; border-radius: 2px; }
h1 { margin: 0 0 8px; font: 900 clamp(3rem, 9vw, 5.5rem)/0.95 'Big Shoulders Display', Impact, sans-serif; }
h2 { margin: 36px 0 8px; font-size: 1.25rem; line-height: 1.25; }
p, ul { margin: 0 0 14px; }
ul { padding-left: 20px; }
li { margin-bottom: 6px; }
.legal__date { color: #a9adbd; }
label { display: grid; gap: 6px; margin-bottom: 16px; font-weight: 500; }
input, select, textarea { width: 100%; padding: 12px 14px; background: #171a2b; color: inherit; border: 1px solid #333850; border-radius: 6px; font: inherit; }
input:focus, select:focus, textarea:focus { outline: 2px solid #f2b705; outline-offset: 1px; }
button { min-height: 46px; padding: 0 22px; background: #f2b705; color: #15120a; border: 0; border-radius: 999px; font: 600 1rem/1 inherit; cursor: pointer; transition: transform 160ms cubic-bezier(.23,1,.32,1); }
button:active { transform: scale(.97); }
button:disabled { opacity: .6; cursor: default; }
.said { margin-top: 14px; font-weight: 500; }