:root { --bg: #070808; --panel: #111414; --line: rgba(255,255,255,.1); --text: #f5f3ea; --muted: #a4aaa6; --accent: #ffc31c; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { min-width: 320px; margin: 0; color: var(--text); background: #242424; font: 16px/1.7 "DM Sans", system-ui, sans-serif; }
a { color: inherit; }
.legal-shell { width: min(100% - 40px, 760px); margin: 0 auto; padding: 28px 0 56px; }
.legal-top { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding-bottom: 26px; border-bottom: 1px solid var(--line); }
.legal-brand { display: inline-flex; align-items: center; gap: 10px; color: #fff; font: 700 1.1rem/1 "Space Grotesk", sans-serif; text-decoration: none; }
.legal-brand img { width: 32px; height: 32px; object-fit: contain; }
.legal-back { color: #c9d2d4; font-size: .86rem; font-weight: 700; text-decoration: none; }
.legal-back:hover { color: var(--accent); }
.legal-hero { padding: 54px 0 30px; }
.legal-kicker { color: var(--accent); font-size: .7rem; font-weight: 900; letter-spacing: .25em; text-transform: uppercase; }
h1 { margin: 14px 0 16px; color: #fff; font: 800 clamp(2.5rem, 7vw, 4.7rem)/1 "Space Grotesk", sans-serif; }
.legal-updated { margin: 0; color: var(--muted); }
.legal-content { display: grid; gap: 0; padding: 0; border-top: 1px solid rgba(104,189,255,.23); background: transparent; }
.legal-content section { padding: 25px 0 27px; border-bottom: 1px solid rgba(139,191,235,.16); background: transparent; }
.legal-content section:last-child { border-bottom: 0; }
h2 { margin: 0 0 12px; color: #fff; font: 700 1.35rem/1.2 "Space Grotesk", sans-serif; }
h2::before { content: ""; display: inline-block; width: 4px; height: 1em; margin: 0 12px -2px 0; border-radius: 4px; background: var(--accent); box-shadow: 0 0 16px rgba(49,182,230,.45); }
p { margin: 0 0 12px; color: #c0c7c3; }
p:last-child { margin-bottom: 0; }
.legal-table-wrap { overflow-x: auto; margin-top: 16px; border: 1px solid rgba(139,191,235,.16); }
table { width: 100%; min-width: 680px; border-collapse: collapse; color: #c0c7c3; font-size: .82rem; line-height: 1.45; }
th, td { padding: 12px 13px; border-right: 1px solid rgba(139,191,235,.12); border-bottom: 1px solid rgba(139,191,235,.12); vertical-align: top; text-align: left; }
th { color: #fff; background: rgba(49,182,230,.1); font-weight: 800; }
tr:last-child td { border-bottom: 0; }
th:last-child, td:last-child { border-right: 0; }
.legal-footer { display: grid; justify-items: center; gap: 14px; margin-top: 28px; padding-top: 20px; border-top: 1px solid var(--line); color: #747d79; font-size: .76rem; text-align: center; }
.legal-sponsor { display: inline-flex; align-items: center; gap: 10px; color: #a4aaa6; font-size: .68rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.legal-sponsor img { width: 135px; max-height: 30px; height: auto; object-fit: contain; }
@media (max-width: 600px) { .legal-shell { width: min(100% - 28px, 920px); padding-top: 18px; } .legal-top { align-items: flex-start; flex-direction: column; } .legal-hero { padding: 48px 0 28px; } .legal-content { padding-inline: 0; } .legal-content section { padding: 26px 14px 28px; } }
