:root{
  color-scheme:dark;
  --bg:#07070c;
  --bg-r:#0c0c14;
  --bg-c:#0f0f18;
  --bg-in:#090911;

  --purple:#7e5bef;
  --purple-l:#a78bfa;
  --purple-d:#5b3cc4;
  --purple-g:rgba(126,91,239,.12);

  --text:#e4e2ee;
  --dim:#948eaa;
  --muted:#7a7590;
  --white:#fff;

  --border:rgba(126,91,239,.1);
  --border-b:rgba(126,91,239,.25);
  --border-f:#7e5bef;

  --green:#34d399;      --green-bg:rgba(52,211,153,.1);
  --red:#f87171;        --red-bg:rgba(248,113,113,.1);
  --yellow:#fbbf24;     --yellow-bg:rgba(251,191,36,.1);

  --radius:10px;
  --radius-s:6px;

  --font-d:'Syne',sans-serif;
  --font-b:'DM Sans',sans-serif;
  --font-m:'JetBrains Mono',monospace;

  --p:var(--purple);   --pl:var(--purple-l);  --pd:var(--purple-d);  --pg:var(--purple-g);
  --t:var(--text);     --td:var(--dim);       --tm:var(--muted);     --w:var(--white);
  --g:var(--green);    --gbg:var(--green-bg);
  --r:var(--red);      --rbg:var(--red-bg);
  --y:var(--yellow);   --ybg:var(--yellow-bg);
  --rd:var(--radius);  --rs:var(--radius-s);
  --fd:var(--font-d);  --fb:var(--font-b);    --fm:var(--font-m);
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:var(--font-b);
  background:var(--bg);
  color:var(--text);
  min-height:100vh;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}
a{text-decoration:none;color:inherit}
[hidden]{display:none!important}
img{max-width:100%}
::-webkit-scrollbar{width:4px}
::-webkit-scrollbar-thumb{background:var(--purple-d);border-radius:2px}

:focus-visible{outline:2px solid var(--purple-l);outline-offset:3px;border-radius:4px}
:focus:not(:focus-visible){outline:none}

.sr-only{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;
}
.skip-link{
  position:absolute;top:-100px;left:12px;z-index:2000;
  padding:10px 18px;background:var(--purple);color:#fff;
  font-size:13px;font-weight:600;border-radius:0 0 8px 8px;transition:top .2s;
}
.skip-link:focus{top:0}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{
    animation-duration:.001ms!important;
    animation-iteration-count:1!important;
    transition-duration:.001ms!important;
    scroll-behavior:auto!important;
  }
}

@keyframes venge-pulse{0%,100%{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}
@keyframes venge-blink{0%,100%{opacity:1}50%{opacity:.25}}
@keyframes venge-fu{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}

.page-bg{position:fixed;inset:0;z-index:0;pointer-events:none}
.page-bg .grid{
  position:absolute;inset:0;
  background-image:linear-gradient(var(--border) 1px,transparent 1px),
                   linear-gradient(90deg,var(--border) 1px,transparent 1px);
  background-size:72px 72px;opacity:.45;
}
.page-bg .orb1{
  position:absolute;top:-15%;left:40%;width:700px;height:700px;
  background:radial-gradient(circle,rgba(126,91,239,.18) 0%,transparent 70%);
  animation:venge-pulse 10s ease-in-out infinite;
}
.page-bg .orb2{
  position:absolute;bottom:10%;right:-10%;width:500px;height:500px;
  background:radial-gradient(circle,rgba(91,60,196,.1) 0%,transparent 70%);
  animation:venge-pulse 12s ease-in-out infinite 3s;
}
body::after{
  content:'';position:fixed;inset:0;pointer-events:none;z-index:9998;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.025'/%3E%3C/svg%3E");
}
.content{position:relative;z-index:1}

header{
  position:fixed;top:0;left:0;right:0;z-index:1000;
  padding:0 40px;height:64px;
  display:grid;grid-template-columns:1fr auto 1fr;align-items:center;
  background:rgba(7,7,12,.65);backdrop-filter:blur(20px);
  border-bottom:1px solid var(--border);
}
header>.logo-g{justify-self:start}
header>nav{justify-self:center}
header>.hdr-right{justify-self:end}
header>.back-btn{grid-column:3;justify-self:end}
.logo-g{display:flex;align-items:center;gap:10px}
.logo-g img{width:30px;height:30px;border-radius:7px}
.logo-g span{
  font-family:var(--font-d);font-size:18px;font-weight:800;
  background:linear-gradient(135deg,var(--purple-l),var(--purple));
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
header nav{display:flex;gap:4px}
header nav a{padding:7px 16px;font-size:13.5px;font-weight:500;color:var(--dim);border-radius:7px;transition:.2s}
header nav a:hover{color:#fff;background:rgba(255,255,255,.04)}
header nav a.active{color:var(--purple-l)}

.hdr-right{display:flex;align-items:center;gap:10px}
.btn-login{
  display:inline-flex;align-items:center;gap:7px;padding:0 18px;height:36px;flex:none;
  background:var(--purple);color:#fff;
  font-family:var(--font-b);font-size:13px;font-weight:600;
  border:none;border-radius:8px;cursor:pointer;transition:.25s;
}
.btn-login:hover{background:var(--purple-d);transform:translateY(-1px);box-shadow:0 6px 28px rgba(126,91,239,.3)}
.btn-login svg{width:15px;height:15px;flex:none}

.lang-btn{
  display:inline-flex;align-items:center;justify-content:center;
  width:36px;height:36px;padding:0;flex:none;
  background:rgba(126,91,239,.07);border:1px solid var(--border-b);
  border-radius:8px;color:var(--purple-l);
  font-family:var(--font-m);font-size:11.5px;font-weight:600;line-height:1;
  cursor:pointer;transition:.2s;
}
.lang-btn:hover{background:rgba(126,91,239,.16);color:#fff}
.lang-btn[lang="ar"]{font-family:'IBM Plex Sans Arabic','DM Sans',sans-serif;font-size:15px}

.mob-btn{display:none;background:none;border:none;color:var(--dim);cursor:pointer;padding:6px;border-radius:6px}
.mob-btn:hover{color:#fff}

@media(max-width:768px){
  header{padding:0 16px}
  header nav{
    display:none;position:absolute;top:64px;left:0;right:0;
    flex-direction:column;padding:12px;
    background:rgba(7,7,12,.97);backdrop-filter:blur(20px);
    border-bottom:1px solid var(--border);
  }
  header nav.open{display:flex}
  .mob-btn{display:block}
}

footer{border-top:1px solid var(--border);padding:40px;max-width:1000px;margin:0 auto}
.ft-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}
.ft-brand{display:flex;align-items:center;gap:9px}
.ft-brand img{width:24px;height:24px;border-radius:6px}
.ft-brand span{font-family:var(--font-d);font-size:14px;font-weight:700}
.ft-links{display:flex;flex-wrap:wrap;gap:22px}
.ft-links a{font-size:13px;color:var(--dim);transition:.2s}
.ft-links a:hover{color:var(--purple-l)}
.ft-bottom{display:flex;justify-content:space-between;align-items:center;gap:14px;font-size:11.5px;color:var(--muted)}
.ft-bottom .copy{font-family:var(--font-m);letter-spacing:.03em}
.thunder-link{color:var(--purple-l)}

@media(max-width:768px){
  footer{padding:28px 16px}
  .ft-top,.ft-bottom{flex-direction:column;gap:14px;text-align:center}
}


.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.table-scroll table{min-width:600px}

@keyframes venge-shimmer{0%{background-position:-400px 0}100%{background-position:400px 0}}
.sk{
  display:block;height:12px;border-radius:4px;
  background:linear-gradient(90deg,rgba(255,255,255,.03) 0%,rgba(126,91,239,.1) 50%,rgba(255,255,255,.03) 100%);
  background-size:400px 100%;
  animation:venge-shimmer 1.3s linear infinite;
}
.sk-row td{padding:14px 12px!important}
.sk.w40{width:40%}.sk.w60{width:60%}.sk.w80{width:80%}

.empty{text-align:center;padding:44px 20px;color:var(--dim)}
.empty .ico{
  width:46px;height:46px;margin:0 auto 14px;border-radius:12px;
  display:flex;align-items:center;justify-content:center;
  background:var(--purple-g);color:var(--purple-l);border:1px solid var(--border-b);
}
.empty .ico svg{width:22px;height:22px}
.empty h4{font-family:var(--font-d);font-size:15px;font-weight:700;color:var(--text);margin-bottom:6px}
.empty p{font-size:13px;line-height:1.65;color:var(--dim);max-width:340px;margin:0 auto 16px}
.empty .btn-e{
  display:inline-flex;align-items:center;gap:7px;padding:9px 18px;
  background:var(--purple);color:#fff;font-size:12.5px;font-weight:600;
  border:none;border-radius:8px;cursor:pointer;transition:.2s;
}
.empty .btn-e:hover{background:var(--purple-d)}

.dt-overlay{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;z-index:2147483647;background:#07070c;display:none;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:40px;font-family:'DM Sans',sans-serif;color:#e4e2ee}
.dt-overlay.on{display:flex}
.dt-overlay .ico{width:80px;height:80px;border-radius:20px;background:rgba(248,113,113,.1);border:1px solid rgba(248,113,113,.3);display:flex;align-items:center;justify-content:center;color:#f87171;margin-bottom:24px;flex-shrink:0}
.dt-overlay .ico svg{width:40px;height:40px;display:block}
.dt-overlay h1{font-family:'Syne',sans-serif;font-size:clamp(28px,4vw,42px);font-weight:800;color:#e4e2ee;margin-bottom:14px;letter-spacing:-1px;line-height:1.1}
.dt-overlay p{font-size:15px;color:var(--dim);max-width:440px;line-height:1.6;margin-bottom:8px}
.dt-overlay .mono{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--muted);margin-top:24px;letter-spacing:1px;text-transform:uppercase}
[dir="rtl"] .dt-overlay{font-family:'IBM Plex Sans Arabic','DM Sans',sans-serif}
[dir="rtl"] .dt-overlay h1{font-family:'Cairo',sans-serif;letter-spacing:normal;line-height:1.35}
[dir="rtl"] .dt-overlay .mono{font-family:'IBM Plex Sans Arabic',sans-serif;letter-spacing:normal;text-transform:none}

.reveal{opacity:1;transform:none;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}
.js-on .reveal{opacity:0;transform:translateY(24px)}
.js-on .reveal.vis{opacity:1;transform:translateY(0)}

.scrim{position:fixed;inset:0;z-index:150;background:rgba(7,7,12,.6);backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .25s}
.scrim.on{opacity:1;pointer-events:auto}
body.no-scroll{overflow:hidden}

@media print{
  header,footer,.to-top,.lang-btn,.mob-btn,.mob-tog,.skip-link,.page-bg,.dt-overlay,.toc,.scrim{display:none!important}
  body::after{display:none!important}
  html,body{background:#fff!important;color:#111!important}
  .content{position:static}
  .hero-l{padding:0 0 18px!important}
  .legal-wrap{display:block!important;padding:0!important;max-width:none!important}
  .hero-l h1 .gr,.hero-l h1{background:none!important;-webkit-text-fill-color:#000!important;color:#000!important}
  .doc h1,.doc h2,.doc h3,.doc strong{color:#000!important}
  .doc p,.doc li,.cc .v,.dt td{color:#222!important}
  .doc p,.doc li{font-size:10.5pt;line-height:1.55}
  .doc section{break-inside:avoid;page-break-inside:avoid;border-top:1px solid #ddd!important}
  .doc h2{break-after:avoid;page-break-after:avoid}
  .doc h2::before{color:#000!important;background:none!important;border:1px solid #999!important}
  .note{border:1px solid #bbb!important;background:#f7f7f7!important}
  .note .nh{color:#333!important}
  .chip,.cc{border:1px solid #bbb!important;background:none!important;color:#333!important}
  .cc .l,.dt th{color:#444!important}
  .dt th,.dt td{border-bottom:1px solid #ccc!important}
  .doc a.ln::after{content:" (" attr(href) ")";font-size:8.5pt;color:#555}
  .doc code{background:none!important;border:1px solid #ddd!important;color:#000!important}
}