:root { color-scheme: light; --ink: #172333; --muted: #6f7d90; --line: #e5ebf2; --blue: #126bd2; font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
* { box-sizing: border-box; }
body { margin: 0; color: var(--ink); background: #f5f8fc; font-size: 15px; line-height: 1.72; }
.legal-page { width: min(850px, calc(100% - 32px)); margin: 42px auto 55px; padding: 42px 52px; border: 1px solid var(--line); border-radius: 18px; background: #fff; box-shadow: 0 20px 60px rgba(32, 62, 97, .08); }
.back { display: inline-block; margin-bottom: 30px; color: var(--blue); font-size: 13px; font-weight: 700; text-decoration: none; }
.eyebrow { margin: 0 0 8px; color: #8390a1; font-size: 10px; font-weight: 800; letter-spacing: 1.25px; text-transform: uppercase; }
h1 { margin: 0 0 18px; font-size: clamp(27px, 5vw, 39px); line-height: 1.2; letter-spacing: -1.3px; }
h2 { margin: 31px 0 7px; font-size: 18px; letter-spacing: -.35px; }
p, ul { color: #4f5f73; }
a { color: var(--blue); }
.notice { margin: 0 0 25px; padding: 15px 17px; border: 1px solid #cfe3f7; border-radius: 10px; color: #48627d; background: #f2f8ff; font-size: 13px; }
li { padding-left: 4px; margin: 5px 0; color: #4f5f73; }
strong { color: #344861; }
footer { display: flex; flex-wrap: wrap; align-items: center; gap: 13px 21px; margin-top: 42px; padding-top: 17px; border-top: 1px solid var(--line); font-size: 11px; }
footer span { margin-left: auto; color: #aab4c0; font-size: 9px; }
@media (max-width: 600px) { .legal-page { margin: 12px auto; padding: 26px 22px; border-radius: 13px; } footer span { margin-left: 0; } }