/* ===== Shared styles for legal pages (privacy / terms) ===== */
:root{
  --bg:#0c0d10; --bg-soft:#131419; --bg-card:#16171d;
  --accent:#E8902B; --accent-2:#c9761d;
  --text:#f3f3f3; --muted:#9a9ba0; --line:rgba(255,255,255,.08);
  --max:820px;
}
*{ margin:0; padding:0; box-sizing:border-box; }
html{ scroll-behavior:smooth; }
body{
  background:var(--bg); color:var(--text); font-family:'Oswald',sans-serif;
  line-height:1.65; -webkit-font-smoothing:antialiased;
}
a{ color:var(--accent); text-decoration:none; }
a:hover{ text-decoration:underline; }

.mark{
  display:inline-block; width:34px; height:34px; flex:none;
  background:url('Logo.png') center/contain no-repeat;
}

.legal-header{
  border-bottom:1px solid var(--line);
  background:rgba(12,13,16,.9); backdrop-filter:blur(10px);
  position:sticky; top:0; z-index:10;
}
.legal-header .inner{
  max-width:var(--max); margin:0 auto; padding:18px 24px;
  display:flex; align-items:center; justify-content:space-between;
}
.legal-header .logo{ display:flex; align-items:center; gap:11px; font-weight:700; font-size:22px; letter-spacing:1px; color:var(--text); }
.legal-header .back{ font-size:14px; font-weight:500; text-transform:uppercase; letter-spacing:.5px; }

.legal-wrap{ max-width:var(--max); margin:0 auto; padding:56px 24px 100px; }
.legal-wrap h1{
  font-weight:700; text-transform:uppercase; letter-spacing:-.01em;
  font-size:clamp(30px,5vw,46px); line-height:1.05; margin-bottom:10px;
}
.legal-wrap .updated{ color:var(--muted); font-size:14px; font-weight:300; margin-bottom:40px; }
.legal-wrap h2{
  font-weight:600; text-transform:uppercase; letter-spacing:.3px;
  font-size:22px; margin:38px 0 12px; color:#fff;
}
.legal-wrap h3{ font-weight:600; font-size:18px; margin:24px 0 8px; }
.legal-wrap p{ color:#d6d6d8; font-weight:300; margin-bottom:14px; }
.legal-wrap ul{ margin:0 0 16px 22px; }
.legal-wrap li{ color:#d6d6d8; font-weight:300; margin-bottom:8px; }
.legal-wrap b{ color:#fff; font-weight:600; }
.legal-wrap a{ word-break:break-word; }

.legal-note{
  background:var(--bg-card); border:1px solid var(--line); border-radius:8px;
  padding:18px 20px; margin:30px 0; color:var(--muted); font-size:14px; font-weight:300;
}

.legal-foot{
  border-top:1px solid var(--line); padding:30px 24px;
  text-align:center; color:var(--muted); font-size:13px; font-weight:300;
}
.legal-foot a{ margin:0 10px; }