:root {
  --ink: #06101d;
  --surface: rgba(15, 31, 49, .72);
  --line: rgba(148, 177, 207, .2);
  --text: #f5f8fb;
  --muted: #aebdca;
  --blue: #42b7ff;
  --gold: #e9b44c;
  --font-body: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-display: "Segoe UI", Inter, ui-sans-serif, sans-serif;
}
* { box-sizing: border-box; }
html { color-scheme: dark; }
body { margin: 0; background: radial-gradient(circle at 85% 0%, rgba(13,140,255,.11), transparent 28rem), var(--ink); color: var(--text); font-family: var(--font-body); font-size: 16px; line-height: 1.7; }
a { color: inherit; }
.legal-header { position: sticky; top: 0; z-index: 10; display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1rem clamp(1.25rem, 5vw, 5rem); border-bottom: 1px solid var(--line); background: rgba(6,16,29,.9); backdrop-filter: blur(18px); }
.brand { display: inline-flex; align-items: center; gap: .72rem; color: var(--text); text-decoration: none; font-family: var(--font-display); letter-spacing: .22em; font-weight: 700; }
.brand-mark { display: grid; place-items: center; width: 2.1rem; height: 2.1rem; border: 1px solid rgba(66,183,255,.5); border-radius: .6rem; color: var(--blue); background: linear-gradient(145deg, rgba(13,140,255,.16), rgba(233,180,76,.08)); letter-spacing: 0; font-style: italic; }
.back { color: var(--blue); text-decoration: none; font-weight: 700; }
.back:hover { color: var(--text); }
main { width: min(52rem, calc(100% - 2.5rem)); margin: 0 auto; padding: clamp(4rem, 9vw, 8rem) 0; }
.eyebrow { margin: 0 0 .7rem; color: var(--blue); font-size: .76rem; font-weight: 800; letter-spacing: .18em; }
h1, h2 { font-family: var(--font-display); letter-spacing: -.035em; }
h1 { margin: 0 0 1rem; font-size: clamp(2.7rem, 7vw, 5.5rem); line-height: 1; }
.intro { margin: 0 0 3rem; color: var(--muted); font-size: 1.08rem; }
.legal-card { margin: 1rem 0; padding: clamp(1.25rem, 4vw, 2.2rem); border: 1px solid var(--line); border-radius: 1rem; background: var(--surface); }
h2 { margin: 0 0 .7rem; font-size: clamp(1.35rem, 3vw, 1.8rem); }
p, ul { margin: .55rem 0 0; color: var(--muted); }
strong { color: var(--text); }
.legal-card a { color: var(--blue); text-underline-offset: .2em; }
.address { color: var(--text); font-style: normal; }
.note { border-left: 2px solid var(--gold); padding-left: 1rem; }
footer { display: flex; flex-wrap: wrap; justify-content: center; gap: 1rem 2rem; padding: 2rem 1.25rem; border-top: 1px solid var(--line); color: var(--muted); font-size: .82rem; }
footer a { color: var(--blue); }
@media (max-width: 40rem) { .legal-header { align-items: flex-start; } .back { text-align: right; } }