:root{
  --blue:#2563EB; --purple:#7C3AED; --navy:#0F172A;
  --bg:#F4F8FF; --ink:#0F172A; --ink-dim:#5B6B8C; --line:#E4EAF7;
  --font:'Poppins',sans-serif;
  --radius:16px;
}
*{box-sizing:border-box}
body{margin:0;font-family:var(--font);background:var(--bg);color:var(--ink);line-height:1.65}
a{color:var(--blue);text-decoration:none}
a:hover{text-decoration:underline}

.legalNav{
  position:sticky;top:0;background:#fff;border-bottom:1px solid var(--line);
  padding:16px 24px;display:flex;align-items:center;justify-content:space-between;z-index:10;
}
.legalNav img{height:28px;display:block}
.legalNav a.back{font-size:13.5px;font-weight:600;color:var(--ink-dim)}
.legalNav a.back:hover{color:var(--blue);text-decoration:none}

.legalWrap{max-width:760px;margin:0 auto;padding:50px 24px 100px}
.legalWrap h1{font-family:var(--font);font-weight:800;font-size:32px;margin:0 0 8px;color:var(--navy)}
.legalUpdated{color:var(--ink-dim);font-size:13.5px;margin:0 0 36px}
.legalWrap h2{font-family:var(--font);font-weight:700;font-size:19px;margin:38px 0 12px;color:var(--navy)}
.legalWrap p{margin:0 0 14px;font-size:15px;color:#334155}
.legalWrap ul{margin:0 0 14px;padding-left:22px;font-size:15px;color:#334155}
.legalWrap li{margin-bottom:6px}
.legalNote{
  background:#FFF7ED;border:1px solid #FED7AA;border-radius:var(--radius);
  padding:16px 18px;font-size:13.5px;color:#9A3412;margin:0 0 32px;
}
.legalNote strong{display:block;margin-bottom:4px;font-size:14px}