@import "../main.css";

/* Page token overrides preserved from privacy.html. */
:root {
      --coral: #ff4f66;
      --orange: #ff5427;
      --ink: #211f26;
      --muted: #68626f;
      --line: rgba(80, 45, 55, .13);
      --card: #ffffff;
      --border: #f0dada;
      --accent-dark: #d94f62;
      --soft: #fff0f2;
      --shadow: 0 24px 80px rgba(97, 24, 46, .18);
      --max: 1180px;
    }

/* Page styles extracted from privacy.html. */
* { box-sizing: border-box; }
    html { scroll-behavior: smooth; }
    body {
      margin: 0;
      font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
      color: var(--ink);
      background:
        radial-gradient(circle at 12% 5%, rgba(255,255,255,.35), transparent 24rem),
        linear-gradient(140deg, #f14874 0%, #ff4d53 46%, #ff7043 100%);
      min-height: 100vh;
      overflow-x: hidden;
      line-height: 1.65;
    }
    body::before {
      content: "";
      position: fixed;
      inset: 0;
      pointer-events: none;
      background-image:
        radial-gradient(circle at 24% 22%, rgba(255,255,255,.20), transparent 1px),
        radial-gradient(circle at 70% 16%, rgba(255,255,255,.18), transparent 1px);
      background-size: 42px 42px, 64px 64px;
      mask-image: linear-gradient(to bottom, black, transparent 48%);
      opacity: .55;
      z-index: -1;
    }

    a { color: inherit; text-decoration: none; }
    .container { width: min(var(--max), calc(100% - 40px)); margin: 0 auto; }
    .glass {
      background: rgba(255, 255, 255, .17);
      border: 1px solid rgba(255, 255, 255, .22);
      box-shadow: 0 18px 70px rgba(128, 32, 45, .18);
      backdrop-filter: blur(18px);
    }

    .nav { position: sticky; top: 14px; z-index: 100; margin-top: 14px; }
    .nav, .nav-inner, .nav-links a, .brand {
      transition: background .28s ease, color .28s ease, box-shadow .28s ease, border-color .28s ease, transform .28s ease;
    }
    .nav-inner {
      height: 74px;
      border-radius: 999px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 0 18px 0 22px;
      color: #fff;
    }
    .nav.scrolled .nav-inner,
    .nav.privacy-nav .nav-inner {
      color: var(--ink);
      background: rgba(255, 255, 255, .94);
      border-color: rgba(80, 45, 55, .12);
      box-shadow: 0 18px 45px rgba(91, 40, 55, .14);
    }
    .brand {
      display: flex;
      align-items: center;
      gap: 12px;
      font-weight: 850;
      letter-spacing: -.02em;
      font-size: 1.2rem;
    }
    .nav-links { display: flex; align-items: center; gap: 6px; font-size: .95rem; font-weight: 760; }
    .nav-links a { padding: 12px 16px; border-radius: 999px; }
    .nav-links a:hover { background: rgba(255, 79, 102, .10); color: #f43f5e; transform: translateY(-1px); }
    .nav-cta {
      color: #fff;
      background: linear-gradient(135deg, var(--coral), var(--orange));
      box-shadow: 0 12px 24px rgba(255, 79, 102, .24);
    }

    .privacy-hero { color: #fff; padding: 72px 0 34px; text-align: center; }
    .privacy-hero h1 {
      margin: 0;
      font-size: clamp(3rem, 7vw, 6rem);
      line-height: .9;
      letter-spacing: -.07em;
    }
    .privacy-hero p {
      margin: 20px auto 0;
      max-width: 720px;
      color: rgba(255,255,255,.90);
      font-size: 1.15rem;
    }

    .page { width: min(920px, calc(100% - 32px)); margin: 0 auto; padding: 24px 0 76px; }
    .policy-card {
      background: var(--card);
      border: 1px solid var(--border);
      border-radius: 28px;
      box-shadow: var(--shadow);
      overflow: hidden;
    }
    .policy-header {
      padding: 48px 48px 36px;
      background: radial-gradient(circle at top left, #ffe2e7, transparent 36%), linear-gradient(135deg, #fff 0%, #fff6f7 100%);
      border-bottom: 1px solid var(--border);
    }
    .badge {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      padding: 8px 14px;
      border-radius: 999px;
      background: var(--soft);
      color: var(--accent-dark);
      font-weight: 700;
      font-size: 14px;
      margin-bottom: 18px;
    }
    .policy-card h1 { margin: 0; font-size: clamp(34px, 5vw, 54px); line-height: 1.05; letter-spacing: -0.045em; }
    .intro { margin: 20px 0 0; max-width: 720px; color: #6b7280; font-size: 18px; }
    .meta { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-top: 28px; }
    .meta-item { padding: 16px 18px; border: 1px solid var(--border); border-radius: 18px; background: rgba(255, 255, 255, 0.78); }
    .meta-label { display: block; color: #6b7280; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; margin-bottom: 3px; }
    .meta-value { font-weight: 700; color: #1f2937; word-break: break-word; }
    .policy-card main { padding: 42px 48px 52px; }
    .policy-card section { padding: 26px 0; border-bottom: 1px solid #f3e3e3; }
    .policy-card section:last-child { border-bottom: 0; padding-bottom: 0; }
    .policy-card h2 { margin: 0 0 12px; font-size: 24px; line-height: 1.25; letter-spacing: -0.025em; }
    .policy-card p { margin: 0 0 14px; color: #374151; }
    .policy-card p:last-child { margin-bottom: 0; }
    .policy-card ul { margin: 12px 0 0; padding-left: 22px; color: #374151; }
    .policy-card li { margin: 6px 0; }
    .policy-card a { color: var(--accent-dark); font-weight: 700; }
    .policy-card a:hover { text-decoration: underline; }
    .contact-box { margin-top: 16px; padding: 20px; border-radius: 20px; background: var(--soft); border: 1px solid var(--border); }
    .disclaimer-box {
      margin: 14px 0 0;
      padding: 18px 20px;
      border-radius: 16px;
      background: #fff7ed;
      border: 1px solid #fed7aa;
      color: #7c2d12;
      font-size: 14px;
      line-height: 1.65;
    }
    .disclaimer-box strong { color: #92400e; display: block; margin-bottom: 4px; font-size: 13px; text-transform: uppercase; letter-spacing: 0.05em; }
    .important-box {
      margin: 14px 0 0;
      padding: 18px 20px;
      border-radius: 16px;
      background: #fef2f2;
      border: 1px solid #fecaca;
      color: #7f1d1d;
      font-size: 14px;
      line-height: 1.65;
    }
    .important-box strong { color: #991b1b; display: block; margin-bottom: 4px; font-size: 13px; text-transform: uppercase; letter-spacing: 0.05em; }
    .policy-card .caps { font-size: 13px; line-height: 1.65; color: #374151; }

    footer.site-footer { background:#fff; border-top:1px solid var(--line); padding:30px 0; }
    .footer-row { display:flex; align-items:center; justify-content:space-between; gap:24px; color:#6d6570; flex-wrap:wrap; }
    .footer-brand { display:flex; align-items:center; gap:12px; color:var(--ink); font-weight:900; }
    .footer-links { display:flex; gap:24px; font-size:.93rem; flex-wrap:wrap; }
    .footer-links a:hover { color:#f43f5e; }

    @media (max-width: 720px) {
      .container { width: min(100% - 28px, var(--max)); }
      .nav { top: 8px; margin-top: 8px; }
      .nav-inner { height: auto; border-radius: 26px; padding: 12px; align-items: flex-start; gap: 10px; flex-direction: column; }
      .nav-links { width: 100%; flex-wrap: wrap; gap: 6px; font-size: 0.88rem; }
      .nav-links a { padding: 10px 12px; }
      .privacy-hero { padding: 50px 0 24px; text-align: left; }
      .page { width: min(100% - 20px, 920px); padding: 20px 0 58px; }
      .policy-header, .policy-card main { padding-left: 24px; padding-right: 24px; }
      .policy-header { padding-top: 34px; }
      .meta { grid-template-columns: 1fr; }
      .policy-card main { padding-top: 24px; }
      .footer-row { align-items:flex-start; flex-direction:column; }
    }
    .mark{
      width:36px;height:36px;border-radius:12px;background:linear-gradient(135deg,var(--coral),var(--orange));
      display:grid;place-items:center;color:#fff;font-weight:950;box-shadow:0 12px 24px rgba(255,79,102,.24);
    }

/* Shared glass header — matched to index.html */
.nav {
  position: sticky;
  top: 14px;
  z-index: 100;
  margin-top: 14px;
}

.nav-inner {
  min-height: 74px;
  height: auto;
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 12px 18px 12px 22px;
  color: #fff;
  background: rgba(255,255,255,.17);
  border: 1px solid rgba(255,255,255,.24);
  box-shadow: 0 18px 70px rgba(128, 32, 45, .18);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  transition: background .28s ease, color .28s ease, box-shadow .28s ease, border-color .28s ease;
}

.nav.scrolled .nav-inner {
  color: var(--ink);
  background: rgba(255,255,255,.94);
  border-color: rgba(80, 45, 55, .12);
  box-shadow: 0 18px 45px rgba(91, 40, 55, .14);
}

.brand {
  display: flex;
  align-items: center;
  gap: 12px;
  font-weight: 900;
  letter-spacing: -.03em;
  font-size: 1.18rem;
  white-space: nowrap;
}

.mark {
  width: 36px;
  height: 36px;
  border-radius: 12px;
  background: linear-gradient(135deg,var(--coral),var(--orange));
  display: grid;
  place-items: center;
  color: #fff;
  font-weight: 950;
  box-shadow: 0 12px 24px rgba(255,79,102,.24);
}

.nav-links {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: .94rem;
  font-weight: 800;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.nav-links a {
  padding: 11px 14px;
  border-radius: 999px;
  transition: transform .25s ease, background .25s ease, color .25s ease;
}

.nav-links a:hover {
  transform: translateY(-1px);
  background: rgba(255,255,255,.15);
}

.nav.scrolled .nav-links a:hover {
  color: var(--coral-deep, #e93c64);
  background: rgba(255,79,102,.10);
}

.nav-cta {
  color: #fff !important;
  background: rgba(255,255,255,.20);
  box-shadow: inset 0 1px rgba(255,255,255,.25);
}

.nav.scrolled .nav-cta,
.nav-cta:hover {
  color: #fff !important;
  background: linear-gradient(135deg,var(--coral),var(--orange)) !important;
  box-shadow: 0 14px 30px rgba(255,79,102,.28);
}

@media (max-width: 900px) {
  .nav-inner {
    align-items: flex-start;
    flex-direction: column;
    border-radius: 26px;
  }
  .nav-links {
    justify-content: flex-start;
  }
}