:root { color-scheme: light; font-family: "Inter", system-ui, sans-serif; color: #172033; background: #f4f7fb; }
* { box-sizing: border-box; }
body { margin: 0; }
a { color: #1761e8; }
.legal-header { position: sticky; top: 0; z-index: 2; display: flex; justify-content: space-between; align-items: center; min-height: 68px; padding: 12px max(20px, calc((100% - 920px) / 2)); border-bottom: 1px solid #d9e2f0; background: rgba(255,255,255,.96); }
.legal-brand { display: flex; gap: 10px; align-items: center; color: inherit; text-decoration: none; font-weight: 800; }
.legal-brand img { width: 36px; height: 36px; border-radius: 6px; }
.legal-header nav { display: flex; gap: 16px; font-size: 14px; }
.legal-main { width: min(100% - 32px, 920px); margin: 42px auto 80px; }
.legal-main > span { color: #1761e8; font: 700 12px "Fira Code", monospace; }
h1 { margin: 10px 0 12px; font-size: clamp(34px, 5vw, 54px); letter-spacing: 0; }
.legal-lead { max-width: 760px; color: #596984; font-size: 18px; line-height: 1.65; }
.legal-card { margin-top: 28px; padding: 26px; border: 1px solid #d9e2f0; border-radius: 8px; background: white; }
.legal-card h2 { margin: 28px 0 8px; font-size: 22px; }
.legal-card h2:first-child { margin-top: 0; }
.legal-card p, .legal-card li { color: #475874; line-height: 1.7; }
.legal-card li + li { margin-top: 7px; }
.legal-note { padding: 16px; border-left: 4px solid #1761e8; background: #edf4ff; }
.legal-footer { padding: 24px; border-top: 1px solid #d9e2f0; text-align: center; color: #687792; }
@media (max-width: 620px) { .legal-header nav { display: none; } .legal-card { padding: 20px; } }