@font-face{font-family:'Tajawal';font-weight:500;font-display:swap;src:url(fonts/tajawal-500-arabic.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+200C-200E,U+FB50-FDFF,U+FE70-FEFC}
@font-face{font-family:'Tajawal';font-weight:500;font-display:swap;src:url(fonts/tajawal-500-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+2000-206F,U+2212}
@font-face{font-family:'Tajawal';font-weight:700;font-display:swap;src:url(fonts/tajawal-700-arabic.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+200C-200E,U+FB50-FDFF,U+FE70-FEFC}
@font-face{font-family:'Tajawal';font-weight:700;font-display:swap;src:url(fonts/tajawal-700-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+2000-206F,U+2212}
@font-face{font-family:'Tajawal';font-weight:800;font-display:swap;src:url(fonts/tajawal-800-arabic.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+200C-200E,U+FB50-FDFF,U+FE70-FEFC}
@font-face{font-family:'Tajawal';font-weight:800;font-display:swap;src:url(fonts/tajawal-800-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+2000-206F,U+2212}
:root{--bg:#07060c;--ink:#f4f1fa;--mute:#b9b0cc;--dim:#8c83a3;--glass:rgba(255,255,255,.045);--gb:rgba(255,255,255,.1);
--grad:linear-gradient(120deg,#d04ad8 0%,#8a3bd0 38%,#5a4ff0 70%,#3d8bff 100%);--r:18px}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:70px}
body{font-family:'Tajawal',system-ui,-apple-system,'Segoe UI',sans-serif;background:var(--bg);color:var(--ink);line-height:1.65;min-height:100vh;overflow-x:hidden;font-weight:500}
.glow{position:fixed;border-radius:50%;filter:blur(80px);z-index:-1;pointer-events:none}
.g1{width:70vw;height:70vw;max-width:520px;max-height:520px;background:#8a2fb5;top:-10%;right:-25%;opacity:.38}
.g2{width:60vw;height:60vw;max-width:480px;max-height:480px;background:#1f3fae;bottom:5%;left:-25%;opacity:.3}
a{color:inherit}
:focus-visible{outline:2px solid #c98cff;outline-offset:2px;border-radius:8px}
.top{display:flex;align-items:center;gap:10px;padding:12px 16px;padding-top:calc(12px + env(safe-area-inset-top));max-width:1100px;margin:0 auto}
.logo{height:38px;width:auto}
.call{margin-inline-start:auto;text-decoration:none;font-size:15px;background:var(--glass);border:1px solid var(--gb);border-radius:999px;padding:6px 12px;white-space:nowrap}
.lang{font:inherit;font-weight:700;font-size:14px;color:var(--ink);background:var(--glass);border:1px solid var(--gb);border-radius:999px;padding:6px 14px;cursor:pointer}
.wrap{max-width:1100px;margin:0 auto;padding:0 16px 32px}
.hero{padding:8px 4px 16px}
h1{font-size:clamp(30px,8vw,46px);font-weight:800;line-height:1.3;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.sub{color:var(--mute);font-size:16px;margin-top:6px;max-width:720px}
.stats{margin-top:10px;color:var(--dim);font-size:14px}.stats b{color:var(--ink);font-size:17px}
.card{background:var(--glass);border:1px solid var(--gb);border-radius:var(--r);padding:14px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.filters{background:rgba(14,11,24,.86)}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.fld{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--mute);min-width:0}
select{font:inherit;font-size:15px;color:var(--ink);background:#15111f;border:1px solid var(--gb);border-radius:12px;padding:9px 10px;width:100%;min-width:0}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.chip{font:inherit;font-size:14px;font-weight:700;color:var(--mute);background:transparent;border:1px solid var(--gb);border-radius:999px;padding:6px 14px;cursor:pointer}
.chip[aria-pressed="true"]{color:#fff;background:linear-gradient(120deg,#8a3bd0,#5a4ff0);border-color:transparent}
.count{font-size:13px;color:var(--dim);margin-top:8px}
.months{display:flex;gap:8px;overflow-x:auto;padding:14px 2px 6px;scrollbar-width:none}
.months::-webkit-scrollbar{display:none}
.months a{flex:0 0 auto;text-decoration:none;font-size:14px;border:1px solid var(--gb);border-radius:999px;padding:5px 13px;color:var(--mute)}
.months a.off{display:none}
.month{margin-top:22px}
.month h2{font-size:22px;font-weight:800;margin-bottom:10px;display:flex;align-items:center;gap:8px}
.cnt{font-size:13px;font-weight:700;color:#fff;background:#3a2a5c;border-radius:999px;padding:1px 9px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
.ev{background:var(--glass);border:1px solid var(--gb);border-radius:var(--r);padding:14px;display:flex;flex-direction:column;gap:8px;min-width:0}
.ev[hidden]{display:none}
.ev-top{display:flex;gap:6px;flex-wrap:wrap}
.tag{font-size:12px;font-weight:700;border-radius:999px;padding:2px 10px;background:#241b38;color:#d9c8ff}
.t-sports{background:#14304a;color:#bfe0ff}.t-festival{background:#3a1d3d;color:#ffc8f5}.t-conference{background:#22303a;color:#cde8e6}
.tag.live{background:#1f3b26;color:#b9f5c6}
.ev h3{font-size:17px;font-weight:800;line-height:1.45;overflow-wrap:anywhere}
.en-name{font-size:13px;color:var(--dim);margin-top:-6px;overflow-wrap:anywhere;text-align:start}
.meta{list-style:none;display:flex;flex-direction:column;gap:3px;font-size:14px;color:var(--mute)}
.meta li{display:flex;gap:6px;align-items:flex-start;overflow-wrap:anywhere;min-width:0}
.ic{flex:0 0 auto}
.ev-act{margin-top:auto;display:flex;flex-direction:column;gap:6px;padding-top:4px}
.cta{display:block;text-align:center;text-decoration:none;font-weight:800;font-size:15px;color:#fff;background:var(--grad);border-radius:12px;padding:10px 12px}
.cta.big{font-size:17px;padding:13px;margin-top:12px}
.src{font-size:13px;color:var(--dim);text-decoration:none;text-align:center}
.src .host{text-decoration:underline;opacity:.8}
.empty{color:var(--mute);text-align:center;padding:30px 0}
.contact{margin-top:30px;text-align:center}
.contact h2{font-size:22px;font-weight:800;margin-bottom:10px}
.svc{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
.svc li{font-size:14px;border:1px solid var(--gb);border-radius:999px;padding:4px 12px;background:rgba(138,59,208,.14)}
.all{margin-top:10px;font-weight:700}
.nums{margin-top:8px;font-size:18px}.nums a{text-decoration:none}.nums .n1 b{font-size:22px;font-weight:800}
.sep{color:var(--dim);margin:0 6px}
.soc{margin-top:4px;font-size:15px;color:var(--mute)}.soc a{text-decoration:none}
.note{margin-top:18px;font-size:12.5px;color:var(--dim);text-align:center;max-width:760px;margin-inline:auto}
.foot{text-align:center;color:var(--dim);font-size:12px;padding:10px 0 calc(80px + env(safe-area-inset-bottom))}
.fab{position:fixed;bottom:calc(16px + env(safe-area-inset-bottom));left:16px;width:50px;height:50px;border-radius:50%;background:#25d366;display:grid;place-items:center;box-shadow:0 6px 20px rgba(0,0,0,.4);z-index:9}
html[dir="ltr"] .fab{left:auto;right:16px}
@media (max-width:420px){.grid{grid-template-columns:1fr}.call{font-size:14px;padding:5px 10px}.logo{height:32px}}
.tag.ok{background:#1d2f3f;color:#a9e1ff}
.nums,.call,.stats,.meta,.soc{font-kerning:none;font-variant-numeric:tabular-nums}

.home{display:flex;align-items:center}
.foot .back{display:inline-block;color:var(--mute);font-size:14px;font-weight:700;margin-bottom:10px;padding:8px 14px;border:1px solid var(--gb);border-radius:99px;background:var(--glass)}
.foot span{display:block}

.wag{display:inline-block;margin-top:10px;padding:8px 15px;border-radius:99px;border:1px solid #25D366;background:rgba(37,211,102,.14);color:#fff;font-weight:800;font-size:14px;text-decoration:none}
.contact .wag{display:block;text-align:center;margin-top:10px}
