/* ═══════════════════════════════════════
   Legal Pages — Blue palette from icon
═══════════════════════════════════════ */
:root{
  --bg:#EEF5FD; --bg2:#E2EEFA; --surface:#FFFFFF; --surface2:#F4F9FE;
  --border:#C8DFF5; --border2:#A8CFEF;
  --fg:#0D1B3E; --fg2:#1E3A6E; --muted:#5A7EA8; --muted2:#7A9EC8;
  --p400:#4A9EE8; --p600:#2979D4; --p700:#1B5DC4; --p800:#154FA8;
  --p-muted:rgba(41,121,212,.10); --p-light:rgba(74,158,232,.13);
  --p-glow:rgba(41,121,212,.25);
  --destr:#DC3545; --destr-muted:rgba(220,53,69,.09);
  --sh-sm:0 1px 4px rgba(27,93,196,.10),0 1px 2px rgba(13,27,62,.06);
  --sh-md:0 4px 16px rgba(27,93,196,.14),0 2px 6px rgba(13,27,62,.07);
  --sh-lg:0 12px 40px rgba(27,93,196,.18),0 4px 12px rgba(13,27,62,.09);
  --r:12px; --rl:20px; --rxl:28px; --rf:9999px;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
body{
  background:var(--bg);color:var(--fg);
  font-family:'Noto Kufi Arabic','Plus Jakarta Sans',sans-serif;
  line-height:1.65;min-height:100vh;direction:rtl;
  -webkit-font-smoothing:antialiased;
}
body.ltr{direction:ltr;font-family:'Plus Jakarta Sans','Noto Kufi Arabic',sans-serif;}
a{text-decoration:none;color:inherit;}
img{max-width:100%;display:block;}
button{cursor:pointer;border:none;background:none;font-family:inherit;}

@keyframes fadeUp{from{opacity:0;transform:translateY(24px);}to{opacity:1;transform:translateY(0);}}
@keyframes fadeDown{from{opacity:0;transform:translateY(-18px);}to{opacity:1;transform:translateY(0);}}
.anim-up  {animation:fadeUp   .7s cubic-bezier(.22,1,.36,1) both;}
.anim-down{animation:fadeDown .6s cubic-bezier(.22,1,.36,1) both;}

.page-wrap{display:flex;flex-direction:column;min-height:100vh;}
main{flex:1;}
.container{width:100%;max-width:1180px;margin:0 auto;padding:0 20px;}
@media(min-width:640px){.container{padding:0 32px;}}
@media(min-width:1024px){.container{padding:0 48px;}}

/* ── Navbar ── */
.navbar{position:sticky;top:0;z-index:100;background:rgba(238,245,253,.90);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1.5px solid var(--border);}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:64px;}
@media(min-width:768px){.nav-inner{height:70px;}}
.logo{display:flex;align-items:center;gap:10px;flex-shrink:0;}
.logo img{width:36px;height:36px;border-radius:10px;box-shadow:var(--sh-sm);}
.logo-name{font-size:1.05rem;font-weight:800;background:linear-gradient(135deg,var(--p700),var(--p400));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-0.02em;}
.nav-links{display:none;align-items:center;gap:2px;}
@media(min-width:768px){.nav-links{display:flex;}}
.nl{display:flex;align-items:center;gap:7px;padding:7px 14px;border-radius:9px;font-size:.875rem;font-weight:500;color:var(--muted);transition:all .2s;white-space:nowrap;}
.nl:hover{background:var(--p-muted);color:var(--p600);}
.nl.active{background:var(--p-muted);color:var(--p700);font-weight:600;}
.nl svg{width:15px;height:15px;flex-shrink:0;}
.nav-right{display:flex;align-items:center;gap:8px;}
.lang-btn{display:flex;align-items:center;gap:6px;padding:7px 14px;border-radius:9px;font-size:.875rem;font-weight:700;color:var(--p700);background:var(--p-muted);border:1.5px solid transparent;transition:all .2s;}
.lang-btn:hover{border-color:var(--p600);background:var(--p-light);}
.lang-btn svg{width:14px;height:14px;}
.menu-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:9px;color:var(--fg2);transition:all .2s;}
.menu-btn:hover{background:var(--bg2);}
.menu-btn svg{width:20px;height:20px;}
@media(min-width:768px){.menu-btn{display:none;}}
.mob-menu{display:none;border-top:1.5px solid var(--border);background:rgba(238,245,253,.97);backdrop-filter:blur(20px);}
.mob-menu.open{display:block;}
.mob-inner{padding:10px 16px 14px;display:flex;flex-direction:column;gap:2px;}
.mnl{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:9px;font-size:.9rem;font-weight:500;color:var(--fg2);transition:all .2s;}
.mnl:hover{background:var(--p-muted);color:var(--p600);}
.mnl.active{background:var(--p-muted);color:var(--p700);font-weight:600;}
.mnl svg{width:15px;height:15px;}

/* ── Legal Hero Header ── */
.legal-hero{
  background:linear-gradient(160deg,#FFFFFF 0%,#EEF5FD 50%,#D6E8F9 100%);
  padding:56px 0 52px;position:relative;overflow:hidden;
  border-bottom:1.5px solid var(--border);
}
@media(min-width:768px){.legal-hero{padding:72px 0 68px;}}
.lh-deco{pointer-events:none;position:absolute;inset:0;}
.lh-deco::before{content:'';position:absolute;top:-80px;right:-60px;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(74,158,232,.10) 0%,transparent 70%);}
.lh-deco::after{content:'';position:absolute;bottom:-60px;left:-40px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(27,93,196,.07) 0%,transparent 70%);}
/* ring echo from icon */
.lh-ring{pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;}
.lh-ring span{position:absolute;border-radius:50%;border:1px solid rgba(41,121,212,.08);top:50%;left:50%;transform:translate(-50%,-50%);}
.lh-ring span:nth-child(1){width:160px;height:160px;}
.lh-ring span:nth-child(2){width:280px;height:280px;}
.lh-ring span:nth-child(3){width:400px;height:400px;}
.lh-ring span:nth-child(4){width:540px;height:540px;}

.lh-inner{text-align:center;position:relative;}
.lh-badge{display:inline-flex;align-items:center;gap:8px;padding:5px 16px;border-radius:var(--rf);background:rgba(255,255,255,.9);border:1.5px solid var(--border);font-size:.78rem;font-weight:700;color:var(--p700);margin-bottom:20px;box-shadow:var(--sh-sm);}
.lh-badge svg{width:13px;height:13px;}
.lh-title{font-size:clamp(1.8rem,4.5vw,3rem);font-weight:800;color:var(--fg);letter-spacing:-0.03em;}
.lh-date{font-size:.84rem;color:var(--muted);margin-top:10px;}

/* ── Legal Content ── */
.legal-body{padding:48px 0 88px;}
@media(min-width:768px){.legal-body{padding:60px 0 104px;}}
.legal-wrap{max-width:760px;margin:0 auto;}
.cards{display:flex;flex-direction:column;gap:14px;}

/* intro card — blue tinted */
.intro-card{
  border-radius:var(--rl);padding:24px 28px;
  background:linear-gradient(135deg,rgba(41,121,212,.08),rgba(74,158,232,.06));
  border:1.5px solid rgba(41,121,212,.18);
}
.intro-card p{color:var(--fg2);line-height:1.8;font-size:.95rem;}

/* section card */
.sc{
  background:var(--surface);border:1.5px solid var(--border);
  border-radius:var(--rl);padding:24px;
  box-shadow:var(--sh-sm);transition:all .25s;
  position:relative;overflow:hidden;
}
@media(min-width:640px){.sc{padding:28px 30px;}}
.sc::before{
  content:'';position:absolute;top:0;inset-inline-start:0;
  width:3px;height:100%;
  background:linear-gradient(180deg,var(--p400),var(--p700));
  opacity:0;transition:opacity .25s;
}
.sc:hover{border-color:var(--border2);box-shadow:var(--sh-md);}
.sc:hover::before{opacity:1;}

.sc-head{display:flex;align-items:center;gap:12px;margin-bottom:16px;}
.sc-icon{
  width:40px;height:40px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  border-radius:11px;
  background:linear-gradient(135deg,rgba(74,158,232,.15),rgba(41,121,212,.10));
  color:var(--p600);
}
.sc-icon svg{width:19px;height:19px;}
.sc-title{font-size:1.08rem;font-weight:700;color:var(--fg);}
@media(min-width:640px){.sc-title{font-size:1.18rem;}}

.sc-intro{color:var(--fg2);margin-bottom:14px;font-size:.92rem;line-height:1.65;}
.sc-para{color:var(--fg2);line-height:1.78;font-size:.92rem;}

.sc-list{list-style:none;display:flex;flex-direction:column;gap:9px;}
.sc-list li{display:flex;align-items:flex-start;gap:10px;color:var(--fg2);font-size:.89rem;line-height:1.65;}
.dot{
  margin-top:8px;width:6px;height:6px;flex-shrink:0;border-radius:50%;
  background:linear-gradient(135deg,var(--p400),var(--p700));
}

/* info / warn boxes */
.info-box{
  margin-top:14px;display:flex;align-items:flex-start;gap:11px;
  border-radius:11px;padding:13px 15px;
  background:rgba(41,121,212,.07);border:1.5px solid rgba(41,121,212,.18);
}
.info-box svg{margin-top:1px;width:17px;height:17px;flex-shrink:0;color:var(--p600);}
.info-box p{font-size:.86rem;line-height:1.65;color:var(--fg2);}

.warn-box{
  margin-top:14px;display:flex;align-items:flex-start;gap:11px;
  border-radius:11px;padding:13px 15px;
  background:var(--destr-muted);border:1.5px solid rgba(220,53,69,.2);
}
.warn-box svg{margin-top:1px;width:17px;height:17px;flex-shrink:0;color:var(--destr);}
.warn-box p{font-size:.86rem;line-height:1.65;color:var(--fg2);}

.contact-box{
  margin-top:14px;border-radius:11px;padding:13px 15px;
  background:rgba(41,121,212,.07);border:1.5px solid rgba(41,121,212,.18);
}
.contact-box p{font-weight:600;color:var(--fg);font-size:.9rem;}
.contact-box a{color:var(--p600);}
.contact-box a:hover{text-decoration:underline;}

/* footer info card */
.fi-card{
  background:var(--surface2);border:1.5px solid var(--border);
  border-radius:var(--rl);padding:22px 28px;text-align:center;
}
.fi-card p{font-size:.84rem;color:var(--muted);line-height:1.9;}
.fi-card .note{margin-top:6px;color:var(--fg2);font-size:.86rem;}

/* back button */
.back{padding-top:6px;text-align:center;}
.btn-prim{
  display:inline-flex;align-items:center;gap:10px;
  padding:13px 30px;border-radius:var(--rf);
  background:linear-gradient(135deg,var(--p600),var(--p700));
  color:#fff;font-weight:700;font-size:.93rem;font-family:inherit;
  box-shadow:0 4px 18px var(--p-glow);transition:all .25s;
}
.btn-prim:hover{background:linear-gradient(135deg,var(--p700),var(--p800));transform:translateY(-2px);box-shadow:0 8px 28px rgba(27,93,196,.40);}
.btn-prim svg{width:16px;height:16px;}

/* ── Footer ── */
.footer{background:var(--surface);border-top:1.5px solid var(--border);padding:48px 0 28px;}
.foot-inner{display:flex;flex-direction:column;align-items:center;gap:28px;}
@media(min-width:768px){.foot-inner{flex-direction:row;align-items:flex-start;justify-content:space-between;}}
.foot-brand{display:flex;flex-direction:column;align-items:center;gap:10px;}
@media(min-width:768px){.foot-brand{align-items:flex-start;}}
.foot-brand-row{display:flex;align-items:center;gap:10px;}
.foot-brand-row img{width:34px;height:34px;border-radius:9px;box-shadow:var(--sh-sm);}
.foot-name{font-size:1rem;font-weight:800;background:linear-gradient(135deg,var(--p700),var(--p400));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.foot-tag{font-size:.82rem;color:var(--muted);text-align:center;}
@media(min-width:768px){.foot-tag{text-align:start;}}
.foot-links{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;}
.fl{display:flex;align-items:center;gap:7px;padding:7px 12px;border-radius:9px;font-size:.82rem;color:var(--muted);transition:all .2s;}
.fl:hover{background:var(--p-muted);color:var(--p600);}
.fl svg{width:13px;height:13px;}
.foot-copy{margin-top:24px;padding-top:20px;border-top:1px solid var(--border);text-align:center;font-size:.78rem;color:var(--muted2);}