/* Shared "Atrium dark glass" styling for the Privacy + Terms pages — matches optin.html */
* { box-sizing: border-box; }
html, body { margin: 0; }
body {
  font-family: 'Space Grotesk', sans-serif;
  color: #e8efe3;
  line-height: 1.6;
  min-height: 100vh;
  padding: 48px 20px;
  /* leaf photo with a strong dark overlay so long text stays readable */
  background: linear-gradient(rgba(7,14,7,.86), rgba(7,14,7,.92)), url('/images/leaves-dark.jpg') center/cover fixed;
}
.wrap {
  max-width: 680px;
  margin: 0 auto;
  background: rgba(255,255,255,.06);
  backdrop-filter: blur(18px) saturate(1.1);
  -webkit-backdrop-filter: blur(18px) saturate(1.1);
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 22px;
  padding: 38px 40px 44px;
  box-shadow: 0 40px 90px -45px rgba(0,0,0,.7), inset 0 1px 0 rgba(255,255,255,.16);
}
.brand { display: flex; align-items: center; gap: 9px; font-weight: 700; font-size: 16px; letter-spacing: -.01em; color: #fff; margin-bottom: 22px; }
.brand .leaf { width: 13px; height: 13px; border-radius: 50% 50% 50% 2px; background: oklch(0.82 0.18 130); transform: rotate(45deg); }
h1 { font-size: 30px; font-weight: 600; letter-spacing: -.02em; color: #fff; margin: 0 0 4px; }
.updated { color: #8a9a82; font-size: 12.5px; margin: 0 0 24px; }
h2 { font-size: 16px; font-weight: 600; color: oklch(0.85 0.16 128); margin: 26px 0 7px; letter-spacing: -.01em; }
p { margin: 0 0 12px; font-size: 14.5px; color: #cdd8c6; }
strong { color: #eef3ea; }
a { color: oklch(0.84 0.14 128); text-decoration: underline; text-underline-offset: 2px; }
.back { display: inline-block; margin-top: 28px; font-size: 13px; }
@media (max-width: 600px) { .wrap { padding: 28px 24px 34px; } h1 { font-size: 25px; } }