:root { --legal-ink:#102a43; --legal-muted:#52606d; --legal-brand:#0d5ab9; --legal-brand-dark:#083b7a; --legal-surface:#f5f9ff; --legal-line:#d9e2ec; }
* { box-sizing:border-box; }
body { margin:0; color:var(--legal-ink); background:var(--legal-surface); font-family:Inter,Arial,sans-serif; line-height:1.7; }
.legal-shell { max-width:980px; margin:0 auto; padding:32px 22px 64px; }
.legal-header { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:42px; }
.legal-logo { color:var(--legal-brand-dark); font:800 1.25rem/1 Poppins,Arial,sans-serif; text-decoration:none; letter-spacing:.04em; }
.legal-nav { display:flex; flex-wrap:wrap; gap:14px 20px; }
.legal-nav a { color:var(--legal-brand); font-weight:600; text-decoration:none; }
.legal-nav a:hover,.legal-nav a:focus-visible { text-decoration:underline; }
.legal-hero { background:linear-gradient(135deg,#0c2f67,#0d5ab9); color:#fff; border-radius:18px; padding:34px; margin-bottom:26px; }
.legal-hero h1 { margin:0 0 8px; font:800 clamp(2rem,5vw,3rem)/1.15 Poppins,Arial,sans-serif; }
.legal-hero p { margin:0; color:#e7f0ff; }
.legal-card { background:#fff; border:1px solid var(--legal-line); border-radius:16px; padding:28px 30px; box-shadow:0 8px 24px rgba(16,42,67,.06); }
.legal-card h2 { margin:28px 0 8px; font:700 1.35rem/1.3 Poppins,Arial,sans-serif; color:var(--legal-brand-dark); }
.legal-card h2:first-child { margin-top:0; }
.legal-card p { margin:8px 0; }
.legal-card ul,.legal-card ol { margin:8px 0 14px; padding-left:22px; }
.legal-card a { color:var(--legal-brand); }
.legal-meta { color:var(--legal-muted); font-size:.95rem; }
.legal-footer { margin-top:26px; color:var(--legal-muted); font-size:.9rem; text-align:center; }
@media (max-width:640px) { .legal-shell{padding:22px 14px 46px;} .legal-header{align-items:flex-start; flex-direction:column; margin-bottom:26px;} .legal-hero{padding:24px 20px;} .legal-card{padding:22px 19px;} }