:root { --navy:#06192f; --blue:#0d6efd; --ink:#17233a; }
* { box-sizing:border-box; }
body { margin:0; background:#f5f8ff; color:#526078; font-family:"Segoe UI",sans-serif; line-height:1.75; }
.navbar { background:var(--navy); padding:15px 0; }
.navbar .container { width:min(1140px,calc(100% - 32px)); margin:auto; display:flex; align-items:center; justify-content:space-between; gap:20px; }
.brand { color:#fff; font-size:28px; font-weight:700; text-decoration:none; }
.back { color:#dcecff; text-decoration:none; font-weight:600; }
.back:hover { color:#fff; }
.hero { background:linear-gradient(135deg,#06192f,#0c4075); color:#fff; padding:58px 0; }
.hero .container,.content { width:min(920px,calc(100% - 32px)); margin:auto; }
.hero h1 { margin:0; font-size:clamp(30px,5vw,45px); }
.hero p { margin:8px 0 0; color:#dcecff; }
.content { margin-top:42px; margin-bottom:60px; }
.legal-card { background:#fff; padding:clamp(25px,5vw,52px); border-radius:18px; box-shadow:0 15px 35px rgba(6,25,47,.09); }
h2 { color:var(--ink); font-size:23px; margin:34px 0 10px; }
h2:first-child { margin-top:0; }
p { margin:0 0 16px; }
footer { background:var(--navy); color:#cbd8ea; padding:24px 16px; text-align:center; font-size:14px; }
@media (max-width:520px) { .brand { font-size:23px; } .back { font-size:14px; } }