:root{
  --blue:#3fb6ff;--blue-bright:#6fd0ff;--blue-deep:#0a3a5c;
  --black:#03070d;--panel:#08111c;--white:#eaf6ff;--muted:#7fa8c4;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Rajdhani',sans-serif;background:var(--black);color:var(--white);line-height:1.7;overflow-x:hidden}
h1,h2,h3{font-family:'Cinzel',serif;letter-spacing:1px}
#lightning{position:fixed;inset:0;z-index:1;pointer-events:none}

nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;
  padding:18px 5vw;background:rgba(3,7,13,.92);backdrop-filter:blur(6px);border-bottom:1px solid rgba(63,182,255,.2)}
.logo{font-family:'Cinzel',serif;font-weight:900;font-size:1.6rem;color:var(--white);
  text-shadow:0 0 18px rgba(63,182,255,.7);letter-spacing:3px;text-decoration:none}
.logo span{color:var(--blue)}
.nav-links{display:flex;gap:34px;list-style:none}
.nav-links a{color:var(--muted);text-decoration:none;font-weight:600;font-size:.95rem;
  text-transform:uppercase;letter-spacing:1.5px;transition:color .25s}
.nav-links a:hover{color:var(--blue-bright)}
@media(max-width:820px){.nav-links{display:none}}

.legal-hero{position:relative;z-index:2;padding:160px 5vw 60px;text-align:center;
  background:linear-gradient(180deg,rgba(10,58,92,.35),rgba(3,7,13,0))}
.legal-hero .eyebrow{color:var(--blue);letter-spacing:5px;text-transform:uppercase;font-weight:700;
  font-size:.85rem;display:block;margin-bottom:14px}
.legal-hero h1{font-size:clamp(2.4rem,6vw,3.6rem);
  background:linear-gradient(180deg,#fff,#6fd0ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.legal-hero .updated{color:var(--muted);margin-top:12px;font-size:.95rem;letter-spacing:1px}

.legal-body{position:relative;z-index:2;max-width:860px;margin:0 auto;padding:20px 5vw 100px}
.legal-body section{background:linear-gradient(160deg,rgba(8,17,28,.85),rgba(3,7,13,.85));
  border:1px solid rgba(63,182,255,.18);border-left:3px solid var(--blue);
  border-radius:10px;padding:30px 34px;margin-bottom:22px}
.legal-body h2{color:var(--blue-bright);font-size:1.5rem;margin-bottom:14px}
.legal-body p{color:var(--muted);margin-bottom:12px}
.legal-body ul{color:var(--muted);margin:8px 0 12px 22px}
.legal-body li{margin-bottom:8px}
.legal-body a{color:var(--blue-bright);text-decoration:none}
.legal-body a:hover{text-decoration:underline}
.legal-body strong{color:var(--white)}

footer{background:var(--panel);border-top:1px solid rgba(63,182,255,.2);
  padding:36px 5vw;position:relative;z-index:2;text-align:center;color:var(--muted);font-size:.9rem}
footer a{color:var(--blue-bright);text-decoration:none;margin:0 10px}
footer a:hover{text-decoration:underline}