:root {
  --bg: #080A0E;
  --surface: #0F1520;
  --border: rgba(255,255,255,0.06);
  --border2: rgba(255,255,255,0.11);
  --text: #F0F4FF;
  --text2: #8B98B4;
  --text3: #4A566A;
  --teal: #2DD4BF;
  --font: 'Vazirmatn', system-ui, sans-serif;
  --ease: cubic-bezier(0.22,1,0.36,1);
  --r: 16px;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:var(--font);
  background:var(--bg);
  color:var(--text);
  direction:rtl;
  line-height:1.8;
  -webkit-font-smoothing:antialiased;
}
a{text-decoration:none;color:inherit}
.legal-nav{
  position:sticky;top:0;z-index:100;
  display:flex;align-items:center;justify-content:space-between;
  padding:0 48px;height:64px;
  background:rgba(8,10,14,0.85);
  backdrop-filter:blur(24px);
  border-bottom:1px solid var(--border);
}
.legal-logo{font-size:20px;font-weight:900;letter-spacing:-0.5px}
.legal-logo em{color:var(--teal);font-style:normal}
.legal-nav-links{display:flex;gap:24px;font-size:14px;color:var(--text2)}
.legal-nav-links a:hover{color:var(--text)}
.legal-main{max-width:800px;margin:0 auto;padding:64px 24px 80px}
.legal-main h1{font-size:clamp(28px,4vw,40px);font-weight:900;letter-spacing:-1px;margin-bottom:12px}
.legal-updated{font-size:13px;color:var(--text3);margin-bottom:40px}
.legal-main h2{font-size:20px;font-weight:800;margin:36px 0 12px;color:var(--text)}
.legal-main p,.legal-main li{font-size:15px;color:var(--text2);margin-bottom:12px}
.legal-main ul{padding-right:20px;margin-bottom:16px}
.legal-main li{margin-bottom:8px}
.legal-box{
  background:var(--surface);border:1px solid var(--border);
  border-radius:var(--r);padding:24px;margin:32px 0;
}
.legal-box strong{color:var(--text)}
.legal-footer{
  border-top:1px solid var(--border);
  padding:32px 24px;text-align:center;
  font-size:13px;color:var(--text3);
}
.legal-footer a{color:var(--teal)}
@media(max-width:768px){
  .legal-nav{padding:0 20px}
  .legal-nav-links{gap:14px;font-size:13px}
}