/* ===== CrewDeck — Legal pages (Terms & Privacy) ===== */
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@600;700;800;900&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap');

:root{
  --blue:#2E5BE0; --ocean:#1B6CA8; --navy:#0E2347;
  --ink:#0E2347; --gray:#5b6b80; --line:#dce6f4;
  --bg:#eaf2fb; --card:#ffffff;
}
*{margin:0;padding:0;box-sizing:border-box;}
body{
  font-family:'Plus Jakarta Sans',system-ui,-apple-system,sans-serif;
  background:var(--bg); color:var(--ink); line-height:1.65;
  -webkit-font-smoothing:antialiased;
}
img{display:block;max-width:100%;}
a{color:var(--blue);text-decoration:none;}
a:hover{text-decoration:underline;}

/* top bar */
.legal-topwrap {
  position: sticky; top: 16px; z-index: 50;
  padding: 0 24px; pointer-events: none;
}
.legal-top {
  max-width: 820px; margin: 0 auto;
  background: rgba(10, 18, 40, 0.55);
  backdrop-filter: blur(24px) saturate(1.6);
  -webkit-backdrop-filter: blur(24px) saturate(1.6);
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 999px;
  display: flex; align-items: center; justify-content: space-between;
  height: 62px; padding: 0 10px 0 20px;
  box-shadow: 0 8px 32px -8px rgba(0,0,0,.45), 0 0 0 1px rgba(255,255,255,.04) inset;
  pointer-events: all;
  transition: background .4s ease, box-shadow .4s ease;
}

.legal-top.scrolled {
  background: rgba(8, 15, 35, 0.82);
  box-shadow: 0 16px 48px -12px rgba(0,0,0,.6), 0 0 0 1px rgba(255,255,255,.06) inset;
}

.legal-top .inner {
  width: 100%;
  display: flex; align-items: center; justify-content: space-between;
}
.legal-brand { display:flex; align-items:center; gap:10px; color:#fff; font-weight:800; font-size:18px; letter-spacing:-.3px; }
.legal-brand img { width:auto; height:32px; }
.legal-top .back { color:rgba(255,255,255,.80); font-weight:600; font-size:14px; padding: 7px 16px; border-radius: 999px; transition: color .2s, background .2s; }
.legal-top .back:hover { color:#fff; background: rgba(255,255,255,.10); text-decoration: none; }


/* content */
.legal-wrap{max-width:820px;margin:0 auto;padding:48px 28px 80px;}
.legal-card{
  background:var(--card); border:1px solid var(--line);
  border-radius:24px; padding:44px 40px;
  box-shadow:0 30px 60px -30px rgba(14,35,71,.22);
}
.legal-card h1{
  font-family:'Archivo',sans-serif; font-weight:900;
  font-size:34px; letter-spacing:-1px; margin-bottom:6px;
}
.legal-updated{color:var(--gray);font-size:14px;margin-bottom:28px;}
.legal-card h2{
  font-family:'Archivo',sans-serif; font-weight:800;
  font-size:19px; margin:30px 0 8px; color:var(--navy);
}
.legal-card p{color:#33455c;font-size:15.5px;margin-bottom:6px;}
.legal-card .lead{color:var(--gray);font-size:16px;margin-bottom:8px;}

/* footer */
.legal-foot{
  max-width:820px;margin:0 auto;padding:0 28px 60px;
  display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;
  color:var(--gray);font-size:14px;
}
.legal-foot nav{display:flex;gap:20px;}

@media(max-width:560px){
  .legal-card{padding:30px 22px;border-radius:18px;}
  .legal-card h1{font-size:28px;}
}