*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --orange:#d92c2c;
  --orange-bright:#ff3a3a;
  --orange-dim:#a72a2a;
  --dark:#080503;
  --dark2:#0d0906;
  --card:#150d06;
  --border:rgba(255,255,255,.08);
  --border-orange:rgba(255,58,58,.22);
  --text:#f1e8df;
  --muted:#8c6f5a;
  --muted2:#b89a82;
}
body{
  min-height:100vh;
  background:
    radial-gradient(ellipse 100% 50% at 50% -10%,rgba(200,40,40,.12),transparent 58%),
    linear-gradient(180deg,#080503 0%,#0a0704 100%);
  color:var(--text);
  font-family:'Inter',sans-serif;
  line-height:1.7;
}
@keyframes navSlideIn{
  from{opacity:0;transform:translateY(-14px)}
  to{opacity:1;transform:translateY(0)}
}
@keyframes legalFloatIn{
  from{opacity:0;transform:translateY(24px)}
  to{opacity:1;transform:translateY(0)}
}
@keyframes legalScaleIn{
  from{opacity:0;transform:scale(.97) translateY(18px)}
  to{opacity:1;transform:scale(1) translateY(0)}
}
.legal-nav{
  position:sticky;
  top:0;
  z-index:10;
  height:64px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:0 42px;
  background:rgba(9,6,3,.88);
  border-bottom:1px solid var(--border);
  backdrop-filter:blur(18px);
  animation:navSlideIn .7s cubic-bezier(.16,1,.3,1) both;
}
.legal-logo{
  font-family:'Oxanium',sans-serif;
  color:#fff;
  font-size:20px;
  font-weight:900;
  letter-spacing:1px;
  text-decoration:none;
}
.legal-logo span{color:var(--orange-bright)}
.legal-nav-links{display:flex;gap:18px;flex-wrap:wrap;justify-content:flex-end}
.legal-nav-links a{
  color:var(--muted2);
  text-decoration:none;
  font-family:'Rajdhani',sans-serif;
  font-size:12px;
  font-weight:700;
  letter-spacing:1px;
  text-transform:uppercase;
}
.legal-nav-links a:hover,.legal-nav-links a.active{color:var(--orange-bright)}
.legal-shell{max-width:980px;margin:0 auto;padding:58px 24px 80px}
.legal-eyebrow{
  color:var(--orange-bright);
  font-family:'Rajdhani',sans-serif;
  font-size:12px;
  font-weight:800;
  letter-spacing:2px;
  text-transform:uppercase;
  margin-bottom:12px;
  animation:legalFloatIn .75s cubic-bezier(.16,1,.3,1) .08s both;
}
h1{
  font-family:'Oxanium',sans-serif;
  font-size:clamp(34px,6vw,58px);
  line-height:1;
  letter-spacing:.5px;
  margin-bottom:16px;
  animation:legalFloatIn .78s cubic-bezier(.16,1,.3,1) .16s both;
}
.legal-intro{color:var(--muted2);font-size:16px;max-width:780px;margin-bottom:26px;animation:legalFloatIn .8s cubic-bezier(.16,1,.3,1) .24s both}
.legal-updated{color:var(--muted);font-size:13px;margin-bottom:28px;animation:legalFloatIn .8s cubic-bezier(.16,1,.3,1) .32s both}
.legal-card{
  background:rgba(21,13,6,.82);
  border:1px solid var(--border-orange);
  border-radius:12px;
  padding:28px;
  box-shadow:0 24px 70px rgba(0,0,0,.28);
  animation:legalScaleIn .85s cubic-bezier(.16,1,.3,1) .38s both;
}
.legal-card section+section{margin-top:28px;padding-top:24px;border-top:1px solid var(--border)}
.legal-card section{animation:legalFloatIn .72s cubic-bezier(.16,1,.3,1) both}
.legal-card section:nth-child(1){animation-delay:.48s}
.legal-card section:nth-child(2){animation-delay:.56s}
.legal-card section:nth-child(3){animation-delay:.64s}
.legal-card section:nth-child(4){animation-delay:.72s}
.legal-card section:nth-child(5){animation-delay:.8s}
.legal-card section:nth-child(6){animation-delay:.88s}
.legal-card section:nth-child(7){animation-delay:.96s}
.legal-card section:nth-child(8){animation-delay:1.04s}
h2{
  font-family:'Oxanium',sans-serif;
  font-size:21px;
  margin-bottom:10px;
  color:#fff;
}
p{color:var(--muted2);margin-bottom:12px}
ul{margin:10px 0 0 20px;color:var(--muted2)}
li{margin:7px 0}
strong{color:#fff}
a{color:var(--orange-bright)}
.legal-footer{border-top:1px solid var(--border);padding:26px 24px;text-align:center;color:var(--muted);font-size:12px}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}
@media(max-width:720px){
  .legal-nav{height:auto;align-items:flex-start;flex-direction:column;padding:16px 20px}
  .legal-nav-links{justify-content:flex-start;gap:12px}
  .legal-shell{padding:38px 16px 56px}
  .legal-card{padding:20px}
}