:root{
  --ink:#12242A;
  --paper:#0A1D24;
  --panel:rgba(255,255,255,.04);
  --accent:#3B8CFF;
  --accent-deep:#16213D;
  --line:rgba(255,255,255,.16);
  --on-photo:#F3FAF9;
  --on-photo-soft:#CFE7E4;
  --shadow: 0 24px 60px -20px rgba(0,0,0,.55);
}

*{box-sizing:border-box;}
html,body{height:100%;}
body{
  margin:0; color:var(--on-photo-soft);
  font-family:"Work Sans", system-ui, sans-serif;
  background:var(--paper);
  -webkit-font-smoothing:antialiased;
  line-height:1.7;
}
a{color:var(--accent);}
img{max-width:100%; display:block;}

.legal-header{
  display:flex; justify-content:center; padding:28px 20px 8px;
}
.logo-badge{background:#fff; border-radius:12px; padding:10px 18px; box-shadow:var(--shadow); display:inline-flex;}
.logo-badge img{height:34px; width:auto; display:block;}

.legal-content{
  max-width:760px; margin:0 auto; padding:24px 20px 60px;
}
.legal-content h1,
.legal-content h2{
  font-family:"Fraunces", Georgia, serif; font-weight:600; color:#fff;
  line-height:1.25; margin:2em 0 .6em;
}
.legal-content h2:first-child{margin-top:0;}
.legal-content h2{font-size:clamp(1.15rem,2.4vw,1.5rem);}
.legal-content h4{
  font-family:"Fraunces", Georgia, serif; font-weight:600; color:var(--on-photo);
  font-size:1.05rem; margin:1.6em 0 .5em;
}
.legal-content header h4{color:var(--on-photo-soft); font-weight:500; font-style:italic;}
.legal-content p, .legal-content li{font-size:.98rem;}
.legal-content ul{padding-left:1.3em;}
.legal-content li{margin-bottom:.5em;}
.legal-content strong{color:var(--on-photo);}
.legal-content style{display:none;}

.legal-footer{
  margin-top:20px; display:flex; flex-wrap:wrap; gap:8px; justify-content:center;
  font-size:.76rem; color:#B9D6D3; padding:0 20px 40px;
}
.legal-footer a{color:#B9D6D3; text-decoration:underline;}
.legal-footer a:hover{color:#fff;}

.credit{
  text-align:center; font-size:.72rem; color:#6E8B89; padding:0 20px 40px; margin-top:-20px;
}
.credit a{color:#6E8B89; text-decoration:underline;}
.credit a:hover{color:#B9D6D3;}

.wa-fab{
  position:fixed; right:20px; top:50%; transform:translateY(-50%); z-index:30;
  width:56px; height:56px; border-radius:50%;
  background:#25D366; display:flex; align-items:center; justify-content:center;
  box-shadow:0 10px 24px -8px rgba(0,0,0,.5); text-decoration:none;
}

@media (max-width:480px){
  .legal-content{padding:20px 16px 48px;}
}