:root{color-scheme:dark;--bg:#07080d;--panel:#10121a;--line:rgba(185,164,255,.14);--text:#f6f5fb;--muted:#a5a6b6;--purple:#9b6cff;--gold:#f0b85b;--grad:linear-gradient(115deg,#9b6cff 0%,#f0b85b 100%)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 50% 0%,rgba(83,48,142,.15),transparent 42%),var(--bg);color:var(--text);font:16px/1.75 Inter,"Noto Sans Arabic",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
.legal-header{position:sticky;top:0;z-index:5;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(7,8,13,.82);backdrop-filter:blur(18px)}
.legal-nav{max-width:1040px;min-height:72px;margin:auto;padding:12px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;direction:ltr}
.legal-brand{font-weight:800;letter-spacing:.04em}
.legal-brand span{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.legal-actions{display:flex;align-items:center;gap:12px}
.legal-back{color:var(--muted);font-size:14px}
.legal-back:hover,.legal-footer a:hover{color:var(--text)}
.legal-lang{display:flex;gap:3px;padding:3px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.04)}
.legal-lang button{border:0;border-radius:999px;padding:7px 11px;background:transparent;color:var(--muted);font-family:inherit;font-size:12px;font-weight:700;cursor:pointer}
.legal-lang button[aria-pressed=true]{background:var(--grad);color:#17121f}
.legal-main{max-width:900px;margin:0 auto;padding:64px 24px 88px}
.legal-card{padding:clamp(24px,5vw,54px);border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.018));box-shadow:0 28px 80px -50px #000}
.legal-updated{margin:0 0 12px;color:var(--gold);font-size:13px;font-weight:600}
.legal-card h1{margin:0;font-size:clamp(2rem,5vw,3.25rem);line-height:1.2;letter-spacing:-.04em}
.legal-intro{margin:18px 0 36px;color:#c2c1cf;font-size:17px}
.legal-section{padding:23px 0;border-top:1px solid rgba(255,255,255,.08)}
.legal-section h2{margin:0 0 9px;font-size:18px;line-height:1.45}
.legal-section p{margin:0;color:var(--muted);font-size:15px}
.legal-section p+p{margin-top:12px}
.legal-section a{color:var(--gold);text-decoration:underline;text-underline-offset:3px}
.legal-footer{max-width:900px;margin:auto;padding:0 24px 32px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:var(--muted);font-size:13px}
.legal-footer nav{display:flex;gap:18px}
html[lang=ckb] body{font-family:"Noto Sans Arabic",Inter,system-ui,sans-serif}
html[lang=ckb] .legal-main,html[lang=ckb] .legal-footer{direction:rtl}
html[lang=ckb] .legal-actions,html[lang=ckb] .legal-lang{direction:ltr}
@media(max-width:600px){.legal-nav{min-height:62px;padding:10px 16px}.legal-main{padding:36px 14px 54px}.legal-card{padding:24px 18px;border-radius:18px}.legal-intro{font-size:15px;margin:14px 0 24px}.legal-section{padding:18px 0}.legal-section h2{font-size:16px}.legal-section p{font-size:14px}.legal-back{font-size:12px}.legal-footer{padding:0 16px 24px}}
