@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@300;400;500;600;700;800&display=swap');

.legal-page { background: #f5f5f2; color: #10131d; font-family: 'Manrope', Arial, sans-serif; }
html[data-theme='dark'] .legal-page { background: #0b1220; color: #edf7ff; }
html[data-theme='dark'] .legal-page .legal-brand, html[data-theme='dark'] .legal-page .legal-main h1, html[data-theme='dark'] .legal-page .legal-content h2 { color: #edf7ff; }
html[data-theme='dark'] .legal-page .legal-intro, html[data-theme='dark'] .legal-page .legal-content p, html[data-theme='dark'] .legal-page .legal-content li, html[data-theme='dark'] .legal-page .legal-back, html[data-theme='dark'] .legal-page .legal-footer a { color: #9eb3c8; }
html[data-theme='dark'] .legal-page .legal-content, html[data-theme='dark'] .legal-page .legal-footer { border-color: rgba(190,220,240,.18); }
.legal-header { align-items: center; display: flex; justify-content: space-between; padding: 26px; }
.legal-brand { align-items: center; color: #10131d; display: inline-flex; font-size: 20px; font-weight: 800; gap: 10px; letter-spacing: -1px; }
.legal-brand .brand-logo { height: 30px; object-fit: contain; width: 30px; }
.legal-brand:hover { color: var(--primary); }.legal-back { color: #697184; font-size: 13px; font-weight: 700; }.legal-back:hover { color: var(--primary); }
.legal-main { margin: 0 auto; max-width: 900px; padding: 100px 26px 140px; }.legal-kicker { color: var(--primary); font-family: 'DM Mono', monospace; font-size: 11px; letter-spacing: .12em; text-transform: uppercase; }.legal-main h1 { font-size: clamp(48px,7vw,84px); font-weight: 600; letter-spacing: -.07em; line-height: .95; margin-top: 24px; }.legal-intro { color: #697184; font-size: 18px; line-height: 1.7; margin-top: 28px; max-width: 650px; }.legal-content { border-top: 1px solid rgba(16,19,29,.14); margin-top: 80px; padding-top: 48px; }.legal-content section + section { margin-top: 45px; }.legal-content h2 { font-size: 24px; letter-spacing: -.04em; margin-bottom: 13px; }.legal-content p, .legal-content li { color: #596274; font-size: 15px; line-height: 1.8; }.legal-content ul { padding-left: 20px; }.legal-footer { border-top: 1px solid rgba(16,19,29,.14); display: flex; justify-content: space-between; padding: 26px; }.legal-footer a { color: #697184; font-size: 12px; }.legal-footer a:hover { color: var(--primary); }
@media (max-width: 700px) { .legal-header { padding: 22px; }.legal-main { padding: 70px 22px 90px; }.legal-content { margin-top: 55px; }.legal-footer { flex-direction: column; gap: 12px; } }