:root { color-scheme: light; }
* { box-sizing: border-box; }
body { margin: 0; font-family: "IBM Plex Sans", system-ui, sans-serif; background: #f5f2ea; color: #1e1e1c; line-height: 1.65; }
.legal-nav { display: flex; align-items: center; justify-content: space-between; max-width: 880px; margin: 0 auto; padding: 20px 24px; border-bottom: 1px solid #ddd6c8; }
.legal-nav a { color: #1e1e1c; text-decoration: none; font-weight: 600; }
.legal-nav__brand { display: flex; align-items: center; gap: 10px; }
.legal-nav__brand img { width: 34px; height: 34px; border-radius: 8px; }
.legal-nav__links { display: flex; gap: 18px; font-size: 14px; }
.legal-main { max-width: 880px; margin: 0 auto; padding: 48px 24px 80px; }
.legal-kicker { font-family: "IBM Plex Mono", monospace; font-size: 12px; letter-spacing: .08em; text-transform: uppercase; color: #6b665c; margin: 0 0 8px; }
h1 { font-size: clamp(32px, 5vw, 52px); line-height: 1.1; margin: 0 0 12px; letter-spacing: -.02em; }
.legal-updated { color: #6b665c; margin: 0 0 32px; }
h2 { font-size: 22px; margin: 36px 0 10px; }
p, li { max-width: 70ch; }
a { color: #1f55e0; }
.legal-footer { border-top: 1px solid #ddd6c8; padding: 24px; text-align: center; color: #6b665c; font-size: 14px; }
.reset-form { display: grid; gap: 10px; max-width: 420px; margin: 24px 0; }
.reset-form label { font-weight: 600; font-size: 14px; }
.reset-form input { padding: 12px; border: 1px solid #c9c2b4; border-radius: 8px; font: inherit; background: #fff; }
.reset-form button { padding: 12px 16px; border: 0; border-radius: 8px; background: #1e1e1c; color: #fff; font: inherit; cursor: pointer; }