/* Shared styling for the Privacy + Terms pages — tadka theme, readable column. */
@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@600;700;800&family=Fredoka:wght@400;500;600&display=swap');

:root {
  --bg0: #1a0a06;
  --bg1: #2a0f0a;
  --paper: #fff4e8;
  --saffron: #ffb000;
  --chili: #ff3b30;
  --paprika: #ff7a18;
  --glass-line: rgba(255, 240, 224, 0.14);
}
* { box-sizing: border-box; margin: 0; padding: 0; }
body {
  font-family: 'Fredoka', system-ui, sans-serif;
  color: var(--paper);
  background:
    radial-gradient(900px 600px at 12% -8%, rgba(255, 176, 0, 0.22), transparent 60%),
    radial-gradient(800px 600px at 96% 0%, rgba(255, 59, 48, 0.18), transparent 55%),
    linear-gradient(170deg, var(--bg0), var(--bg1));
  background-attachment: fixed;
  min-height: 100vh;
  line-height: 1.6;
}
.home-btn {
  position: fixed; top: 14px; left: 14px;
  width: 44px; height: 44px; border-radius: 50%;
  display: grid; place-items: center; font-size: 1.2rem; text-decoration: none;
  background: rgba(255, 240, 224, 0.06); border: 1px solid var(--glass-line); color: #fff;
  backdrop-filter: blur(8px);
}
.legal { max-width: 760px; margin: 0 auto; padding: clamp(4rem, 9vh, 6rem) 1.4rem 4rem; }
.legal h1 {
  font-family: 'Baloo 2', sans-serif; font-weight: 800;
  font-size: clamp(2rem, 7vw, 3.2rem); line-height: 1.05; margin-bottom: 0.3rem;
  background: linear-gradient(95deg, var(--saffron), var(--paprika) 55%, var(--chili));
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
.legal .updated { opacity: 0.6; font-size: 0.9rem; margin-bottom: 2rem; }
.legal h2 {
  font-family: 'Baloo 2', sans-serif; font-weight: 700; color: var(--saffron);
  font-size: 1.35rem; margin: 2rem 0 0.6rem;
}
.legal p, .legal li { color: rgba(255, 244, 232, 0.86); margin-bottom: 0.7rem; }
.legal ul { padding-left: 1.3rem; margin-bottom: 0.7rem; }
.legal strong { color: var(--paper); }
.legal a { color: var(--paprika); }
.legal .intro { font-size: 1.1rem; }
.legal .back { display: inline-block; margin-top: 2.5rem; color: var(--saffron); text-decoration: none; font-weight: 600; }
.legal .back:hover { text-decoration: underline; }
.legal .disclaimer { margin-top: 2.5rem; padding-top: 1.2rem; border-top: 1px solid var(--glass-line); opacity: 0.7; font-size: 0.85rem; }