@font-face{font-family:InterLocal;src:local("Inter"),local("Roboto"),local("Arial")}
:root{--bg:#0D0E12;--red:#FF0000;--red2:#FF1E27;--text:#fff;--muted:#94A3B8;--line:rgba(255,255,255,.08);--r:6px}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--text);font-family:InterLocal,Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{text-decoration:none;color:inherit;-webkit-tap-highlight-color:transparent}
.site{width:min(100%,1180px);margin:auto;padding:0 14px}
.topbar{height:58px;display:flex;align-items:center;gap:24px;position:sticky;top:0;z-index:20;background:rgba(13,14,18,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.brand{
  width:44px;
  height:44px;
  flex:0 0 44px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.brand img{
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;
}
.nav{margin-inline-start:auto;display:flex;gap:22px;font-size:11px;font-weight:900}.nav a:hover{color:#FF3333}.menu{display:none;background:none;border:0;color:#fff;font-size:22px}
.hero{position:relative;min-height:430px;border-radius:0 0 8px 8px;overflow:hidden;display:flex;align-items:center}
.hero-bg,.hero-bg img{position:absolute;inset:0;width:100%;height:100%;display:block}.hero-bg img{object-fit:cover}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,6,9,.88) 0%,rgba(5,6,9,.55) 48%,rgba(5,6,9,.35)),linear-gradient(0deg,#0D0E12 0%,transparent 30%)}
.hero-content{position:relative;z-index:1;max-width:650px;padding:42px 5%;text-align:right}
.eyebrow{display:inline-block;background:var(--red);padding:5px 10px;border-radius:3px;font:900 12px Impact,Arial,sans-serif;letter-spacing:1px}
h1{font:900 clamp(42px,7vw,78px)/.95 Impact,"Arial Narrow",sans-serif;letter-spacing:1px;margin:12px 0 7px}h1 b{color:var(--red)}
.arabic-title{font-size:clamp(20px,3vw,30px);font-weight:900;margin:0}.hero-copy{color:#CBD5E1;font-size:12px;margin:8px 0 18px}
.hero-actions{display:flex;gap:8px;flex-wrap:wrap}.hero-btn,.big-btn{border-radius:var(--r);padding:12px 18px;font-size:11px;font-weight:900}.hero-btn.red,.big-btn{background:var(--red)}.hero-btn.ghost{border:1px solid rgba(255,255,255,.25);background:rgba(0,0,0,.25)}
.section{margin-top:18px}.growth{display:grid;grid-template-columns:.9fr 1.1fr;gap:14px;background:#0E1015;border:1px solid rgba(255,0,0,.18);box-shadow:0 0 22px rgba(255,0,0,.10);padding:14px;border-radius:var(--r)}
.platform-kicker{display:inline-block;font-size:14px;font-weight:900}.rank{display:inline-block;background:var(--red);font-weight:900;padding:4px 7px;margin-inline-start:5px;border-radius:3px}.growth h2{font-size:23px;line-height:1.15;margin:12px 0 7px}.growth p{color:var(--muted);font-size:11px;line-height:1.5;margin:0 0 13px}.big-btn{display:flex;justify-content:space-between;align-items:center;gap:10px}.big-btn small{font-size:7px;opacity:.85}
.playlist{min-width:0}.section-label{font-size:10px;font-weight:900;margin-bottom:5px}.video-shell{position:relative;aspect-ratio:16/9;background:#08090C;border-radius:5px;overflow:hidden}.video-poster,.video-iframe iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.video-poster{padding:0;background:#08090C;cursor:pointer}.video-poster img{width:100%;height:100%;object-fit:cover;display:block}.playlist-cta{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  min-width:190px;
  padding:11px 16px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:3px;
  background:rgba(255,0,0,.94);
  border:1px solid rgba(255,255,255,.35);
  border-radius:5px;
  box-shadow:0 8px 28px rgba(0,0,0,.45),0 0 22px rgba(255,0,0,.28);
  color:#fff;
  text-align:center;
  pointer-events:none;
}
.playlist-cta strong{
  font-size:12px;
  line-height:1.2;
  font-weight:900;
}
.playlist-cta small{
  font-size:8px;
  line-height:1.2;
  color:rgba(255,255,255,.82);
  font-weight:800;
}.micro{font-size:8px!important;text-align:center;margin:5px 0 0!important}
.section-heading{display:flex;gap:9px;align-items:center;margin-bottom:7px}.section-heading>span{font-size:25px}.section-heading h2{font-size:20px;margin:0 0 3px}.section-heading p{font-size:9px;color:var(--muted);margin:0}
.cards{display:grid;gap:8px}.two{grid-template-columns:1fr 1fr}.social-grid{grid-template-columns:repeat(3,1fr)}
.social-card{min-height:150px;position:relative;overflow:hidden;border:1px solid var(--line);border-radius:var(--r);background:#15171D;display:flex;flex-direction:column;justify-content:flex-end}
.card-art{position:absolute;inset:0;z-index:0}.card-art:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.92),rgba(0,0,0,.18) 75%)}.card-art img{width:100%;height:100%;object-fit:cover;display:block}
.card-body{position:relative;z-index:1;padding:12px}.card-body b{display:block;font-size:12px;line-height:1.25}.card-body small{display:block;font-size:9px;line-height:1.35;color:#D7DEE8;margin-top:4px}.card-body em{display:inline-block;margin-top:8px;background:rgba(255,255,255,.14);padding:5px 7px;border-radius:4px;font-size:7px;font-style:normal;font-weight:900}
.discord{border-color:#5865F2}.telegram{border-color:#26A5E4}.facebook{border-color:#1877F2}.telegram2{border-color:#2AABEE}.tiktok{border-color:#00F2FE}.instagram{border-color:#E1306C}.fbpage{border-color:#1877F2}
.spirit{position:relative;overflow:hidden;text-align:center;margin:18px 0 12px;padding:23px 14px;border:1px solid rgba(255,0,0,.5);background:linear-gradient(135deg,rgba(255,0,0,.10),transparent 45%),#111318}.spirit-glow{position:absolute;inset:auto 20% -80px;height:140px;background:rgba(255,0,0,.12);filter:blur(35px)}.spirit>*{position:relative}.spirit-icon{font-size:25px}.spirit h2{font:900 24px/1.1 Impact,"Arial Narrow",sans-serif;margin:7px 0}.spirit p{font-size:9px;color:#FF5A5A;letter-spacing:1px;margin:0}.spirit-actions{display:flex;justify-content:center;gap:7px;margin-top:13px}.spirit-actions a{min-width:105px;background:#1B1E25;border:1px solid var(--line);border-radius:4px;padding:7px;font-size:9px;font-weight:900}.spirit-actions small{display:block;color:var(--muted);font-size:7px;margin-top:2px}
footer{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#64748B;font-size:8px;padding:12px 0 16px}footer strong{color:#fff;font-size:13px}footer i{color:var(--red);font-style:normal}footer span:last-child{margin-inline-start:auto}
@media(max-width:760px){.site{padding:0 9px}.topbar{height:50px}.brand{
    width:38px;
    height:38px;
    flex-basis:38px;
  }.nav{display:none}.menu{display:block;margin-inline-start:auto}.hero{min-height:390px;margin-inline:-9px;border-radius:0}.hero-content{padding:35px 20px;max-width:100%}.growth{grid-template-columns:1fr;padding:9px}.growth h2{font-size:20px}.social-card{min-height:155px}.social-grid{grid-template-columns:1fr 1fr}.social-grid .social-card:last-child{grid-column:1/-1}.section-heading h2{font-size:17px}.spirit h2{font-size:20px}footer{flex-direction:column;text-align:center}footer span:last-child{margin:0}}
@media(max-width:430px){.hero{min-height:360px}.hero-content{padding:25px 16px}.hero-actions{display:grid;grid-template-columns:1fr}.hero-btn{text-align:center}.two{grid-template-columns:1fr}.social-grid{grid-template-columns:1fr 1fr}.card-body{padding:10px}.card-body b{font-size:10.5px}.spirit-actions a{min-width:0;flex:1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.video-poster:hover .playlist-cta{
  background:#ff0000;
  transform:translate(-50%,-50%) scale(1.03);
}
.video-poster:focus-visible{
  outline:2px solid #fff;
  outline-offset:-3px;
}