:root {
  --purple:#075b5d;
  --purple-dark:#06484a;
  --pink:#f49a2f;
  --cream:#eaf8f5;
  --ink:#123f42;
  --muted:#4f6e70;
  --white:#fff;
  --shadow:0 18px 48px rgba(7,91,93,.11);
}
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body {
  margin:0;
  color:var(--ink);
  background:linear-gradient(180deg,#fff,var(--cream));
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  line-height:1.7;
}
a { color:var(--purple); }
.legal-header {
  position:sticky;
  top:0;
  z-index:10;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  padding:16px 6vw;
  background:rgba(255,255,255,.94);
  border-bottom:1px solid rgba(111,57,167,.1);
  backdrop-filter:blur(12px);
}
.legal-header a:first-child {
  color:var(--purple);
  font-weight:900;
  text-decoration:none;
}
.legal-header nav { display:flex; gap:16px; flex-wrap:wrap; }
.legal-main {
  width:min(920px,calc(100% - 32px));
  margin:54px auto;
  padding:clamp(26px,5vw,56px);
  border-radius:14px;
  background:var(--white);
  box-shadow:var(--shadow);
}
.legal-main h1,.legal-main h2 {
  color:var(--purple-dark);
  line-height:1.2;
}
.legal-main h1 { margin-top:0; font-size:clamp(2.2rem,5vw,3.6rem); }
.legal-main h2 { margin-top:36px; }
.legal-main p,.legal-main li { color:var(--muted); }
.legal-main strong { color:var(--ink); }
.legal-note {
  padding:16px 18px;
  border-left:4px solid var(--pink);
  border-radius:10px;
  background:#fff3df;
}
.legal-footer {
  padding:28px 6vw;
  color:#f6ecff;
  background:#073e40;
  text-align:center;
}
.legal-footer a { color:#fff; }
@media (max-width:680px) {
  .legal-header { align-items:flex-start; flex-direction:column; }
  .legal-header nav { font-size:.9rem; }
}