:root { --ink:#0c1222; --muted:#536177; --line:#d8e0eb; --paper:#f7f9fc; --blue:#3b82f6; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; line-height:1.7; }
a { color:#245fc0; }
h1,h2,h3,p,li,a { overflow-wrap:anywhere; }
.legal-shell { width:min(920px,calc(100% - 32px)); margin:auto; }
.legal-header { padding:22px 0; display:flex; align-items:center; justify-content:space-between; gap:20px; border-bottom:1px solid var(--line); }
.legal-header img { width:154px; height:52px; object-fit:contain; }
.language-links { display:flex; gap:10px; font-size:13px; font-weight:700; }
.language-links a[aria-current=page] { color:var(--ink); text-decoration:none; }
.legal-main { padding:70px 0 90px; }
.legal-kicker { margin:0; color:#315f9f; font-size:12px; font-weight:800; letter-spacing:.16em; text-transform:uppercase; }
.legal-main h1 { max-width:800px; margin:16px 0 18px; font-size:clamp(42px,7vw,72px); line-height:1; letter-spacing:-.05em; }
.legal-lead { max-width:760px; margin:0 0 48px; color:var(--muted); font-size:18px; }
.legal-card { margin:16px 0; padding:26px 30px; background:#fff; border:1px solid var(--line); border-radius:18px; }
.legal-card h2 { margin:0 0 10px; font-size:24px; letter-spacing:-.025em; }
.legal-card h3 { margin:22px 0 6px; font-size:17px; }
.legal-card p,.legal-card li { color:#425168; }
.legal-card ul { padding-left:22px; }
.legal-note { padding:18px 22px; border-left:4px solid var(--blue); background:#eaf2ff; border-radius:0 12px 12px 0; }
.legal-footer { padding:30px 0 45px; display:flex; justify-content:space-between; gap:20px; flex-wrap:wrap; border-top:1px solid var(--line); color:var(--muted); font-size:13px; }
.back-link { display:inline-flex; margin-top:30px; padding:13px 18px; color:#fff; background:var(--blue); border-radius:11px; text-decoration:none; font-weight:750; }
@media(max-width:640px) { .legal-header{align-items:flex-start;flex-direction:column}.legal-main{padding-top:48px}.legal-card{padding:22px 20px}.legal-footer{flex-direction:column} }