:root { color-scheme: light; --navy:#101b3a; --purple:#0b5fa5; --muted:#667085; --line:#dce3ee; --paper:#f6f8fc; }
* { box-sizing: border-box; }
body { margin:0; font-family:"DM Sans",Inter,system-ui,sans-serif; color:#20293d; background:var(--paper); line-height:1.65; }
.legal-top { padding:20px 28px; color:white; background:var(--navy); }
.legal-brand { max-width:900px; margin:auto; display:flex; align-items:center; gap:12px; font-weight:800; letter-spacing:.06em; }
.legal-brand span { display:grid; place-items:center; width:36px; height:36px; border-radius:10px; background:var(--purple); }
.legal-shell { max-width:900px; margin:36px auto; padding:42px 48px; border:1px solid var(--line); border-radius:20px; background:white; box-shadow:0 18px 55px rgba(16,27,58,.08); }
.legal-kicker { margin:0 0 8px; color:var(--purple); font-size:12px; font-weight:800; letter-spacing:.12em; }
h1 { margin:0; color:var(--navy); font-size:38px; line-height:1.15; letter-spacing:-.04em; }
.legal-intro { margin:15px 0 32px; color:var(--muted); font-size:17px; }
h2 { margin:30px 0 9px; color:var(--navy); font-size:20px; }
p, li { font-size:15px; }
ul { padding-left:22px; }
.notice { margin:26px 0; padding:18px 20px; border-left:4px solid var(--purple); border-radius:8px; background:#e6f2fb; }
.legal-links { display:flex; flex-wrap:wrap; gap:12px; margin-top:36px; padding-top:24px; border-top:1px solid var(--line); }
.legal-links a { padding:10px 14px; border-radius:9px; color:var(--purple); background:#e6f2fb; font-weight:700; text-decoration:none; }
@media(max-width:700px){.legal-shell{margin:0;padding:30px 22px;border:0;border-radius:0}.legal-top{padding:16px 20px}h1{font-size:31px}}