:root{
    --bg:#050505; --text:#f2f2f4; --muted:#8b8b92;
    --line:rgba(255,255,255,.12); --panel:rgba(255,255,255,.04); --panel-hover:rgba(255,255,255,.07);
    --accent:#ffffff; --accent-soft:rgba(255,255,255,.25); --accent-text:#000000;
    --surface:#141416;
}
[data-theme="light"]{
    --bg:#ffffff; --text:#0a0a0c; --muted:#6b6b74;
    --line:rgba(0,0,0,.12); --panel:rgba(0,0,0,.03); --panel-hover:rgba(0,0,0,.05);
    --accent:#0a0a0c; --accent-soft:rgba(10,10,12,.15); --accent-text:#ffffff;
    --surface:#ffffff;
}
*{box-sizing:border-box;margin:0;padding:0;}
[hidden]{display:none!important;}
html{scroll-behavior:smooth;}
body{
    background:var(--bg);color:var(--text);
    font-family:'Inter',system-ui,-apple-system,sans-serif;
    line-height:1.7;
}
html[dir="rtl"] body{font-family:'Tajawal','Inter',sans-serif;}
h1,h2,h3{font-family:'Space Grotesk','Inter',sans-serif;}
html[dir="rtl"] h1,html[dir="rtl"] h2,html[dir="rtl"] h3{font-family:'Tajawal','Space Grotesk','Inter',sans-serif;}
a{color:inherit;}

.legal-header{
    position:sticky;top:0;z-index:10;
    display:flex;align-items:center;justify-content:space-between;
    padding:18px 5vw;
    background:color-mix(in srgb,var(--bg) 85%,transparent);
    backdrop-filter:blur(10px);
    border-bottom:1px solid var(--line);
    gap:14px;flex-wrap:wrap;
}
.legal-brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:15px;text-decoration:none;}
.legal-brand img{width:28px;height:28px;filter:invert(var(--logo-invert,0));}
[data-theme="light"] .legal-brand img{filter:invert(1);}
.legal-header-actions{display:flex;align-items:center;gap:10px;}
.lang-toggle{display:flex;border:1px solid var(--line);border-radius:100px;padding:3px;font-size:12px;}
.lang-toggle button{
    padding:6px 14px;border-radius:100px;border:none;background:transparent;
    color:var(--muted);font-weight:700;font-family:'Space Grotesk','Inter',sans-serif;cursor:pointer;
}
.lang-toggle button.active{background:var(--accent);color:var(--accent-text);}
.theme-toggle-btn{
    width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:var(--panel);
    color:var(--text);display:flex;align-items:center;justify-content:center;cursor:pointer;
}
.back-link{font-size:13px;color:var(--muted);text-decoration:none;padding:8px 14px;border:1px solid var(--line);border-radius:100px;}
.back-link:hover{color:var(--text);}

.legal-layout{max-width:1000px;margin:0 auto;padding:50px 5vw 100px;display:grid;grid-template-columns:230px 1fr;gap:50px;}
.legal-nav{border-inline-end:1px solid var(--line);padding-inline-end:24px;align-self:start;position:sticky;top:90px;}
.legal-nav-title{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:14px;}
.legal-nav a{
    display:block;padding:9px 12px;border-radius:10px;font-size:13.5px;color:var(--muted);
    text-decoration:none;margin-bottom:2px;
}
.legal-nav a:hover{background:var(--panel);color:var(--text);}
.legal-nav a.active{background:var(--panel);color:var(--text);font-weight:600;}

.legal-content h1{font-size:clamp(26px,4vw,36px);margin-bottom:6px;letter-spacing:-.01em;}
.legal-content .legal-updated{color:var(--muted);font-size:13px;margin-bottom:32px;}
.legal-content h2{font-size:19px;margin:32px 0 12px;}
.legal-content p{margin-bottom:14px;color:var(--text);}
.legal-content ul,.legal-content ol{margin:0 0 14px;padding-inline-start:22px;}
.legal-content li{margin-bottom:8px;color:var(--text);}
.legal-content table{width:100%;border-collapse:collapse;margin:16px 0;font-size:13.5px;}
.legal-content th,.legal-content td{border:1px solid var(--line);padding:10px 12px;text-align:start;}
.legal-content th{background:var(--panel);font-weight:700;}

.legal-hub-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:20px;}
.legal-hub-card{
    display:block;padding:22px;border:1px solid var(--line);border-radius:16px;
    text-decoration:none;transition:all .25s ease;
}
.legal-hub-card:hover{background:var(--panel-hover);transform:translateY(-3px);}
.legal-hub-card h3{font-size:15px;margin-bottom:6px;}
.legal-hub-card p{font-size:13px;color:var(--muted);margin:0;}

@media(max-width:760px){
    .legal-layout{grid-template-columns:1fr;}
    .legal-nav{border-inline-end:none;border-bottom:1px solid var(--line);padding-inline-end:0;padding-bottom:20px;position:static;}
    .legal-hub-grid{grid-template-columns:1fr;}
}