:root{
  --salmon:#ED6B62; --ice:#96D3DD; --navy:#1E2845; --navy-deep:#0B1531;
  --gray-text:#3a3f4b; --gray-soft:#656565; --ice-paper:#F2F6FF;
  --font:'Montserrat',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;font-family:var(--font);color:var(--gray-text);
  font-size:16px;line-height:1.75;-webkit-font-smoothing:antialiased}
a{color:var(--salmon);text-decoration:none}
a:hover{color:var(--ice)}
img{display:block;max-width:100%}

.legal-top{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.96);
  box-shadow:0 6px 20px rgba(0,0,0,.06);backdrop-filter:saturate(1.2) blur(6px)}
.legal-top__in{max-width:900px;margin:0 auto;padding:16px 24px;display:flex;
  align-items:center;justify-content:space-between;gap:16px}
.legal-top img{height:34px}
.legal-top a.back{font-size:14px;font-weight:600;color:var(--navy)}
.legal-top a.back:hover{color:var(--salmon)}

.legal-wrap{max-width:760px;margin:0 auto;padding:56px 24px 40px}
.legal-eyebrow{font-size:14px;font-weight:700;text-transform:uppercase;
  letter-spacing:.04em;color:var(--salmon)}
.legal-wrap h1{font-size:40px;font-weight:800;letter-spacing:-1.2px;color:#000;
  margin:6px 0 28px;line-height:1.1}
.legal-wrap h2{font-size:22px;font-weight:700;color:var(--navy);margin:38px 0 10px}
.legal-wrap h3{font-size:17px;font-weight:700;color:var(--navy);margin:24px 0 6px}
.legal-wrap p{margin:0 0 14px}
.legal-wrap ul{margin:0 0 14px;padding-left:20px}
.legal-wrap li{margin-bottom:6px}
.legal-wrap strong{color:var(--navy)}

.todo{background:#FFF6E9;border:1px solid #F3D9A8;border-left:4px solid var(--salmon);
  border-radius:10px;padding:14px 16px;margin:18px 0;font-size:14.5px;line-height:1.6;color:#6b4e22}
.todo b{color:#7a4b12}
.note{background:var(--ice-paper);border-radius:10px;padding:16px 18px;margin:22px 0;
  font-size:14.5px;line-height:1.65;color:var(--navy)}

.legal-foot{background:var(--navy-deep);color:rgba(255,255,255,.7);margin-top:40px}
.legal-foot div{max-width:760px;margin:0 auto;padding:22px 24px;display:flex;
  gap:18px;flex-wrap:wrap;justify-content:space-between;font-size:13.5px}
.legal-foot a{color:var(--ice)}
@media (max-width:560px){.legal-wrap h1{font-size:30px}}