@import"https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800;900&display=swap";:root{--font: "Cairo", system-ui, sans-serif;--bg: #0f172a;--bg-deep: #1e1b4b;--card: #1e293b;--card2: #334155;--stroke: rgba(148, 163, 184, .1);--text: #f8fafc;--muted: #94a3b8;--muted2: #64748b;--accent: #7c3aed;--accent-hover: #8b5cf6;--accent-soft: rgba(124, 58, 237, .15);--accent2: #38bdf8;--good: #10b981;--bad: #ef4444;--header-bg: rgba(15, 23, 42, .8);--radius: 12px;--radius-sm: 8px;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--grad-primary: linear-gradient(135deg, #7c3aed 0%, #3b82f6 100%);--grad-surface: linear-gradient(180deg, rgba(30, 41, 59, .5) 0%, rgba(15, 23, 42, .8) 100%)}html,body{height:100%}body{margin:0;background:var(--bg);background-image:radial-gradient(circle at 0% 0%,rgba(124,58,237,.05) 0%,transparent 50%),radial-gradient(circle at 100% 100%,rgba(59,130,246,.05) 0%,transparent 50%);color:var(--text);font-family:var(--font);direction:rtl;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}a{color:inherit;text-decoration:none}.font-body{font-family:var(--font)}.appRoot{min-height:100%}.container{max-width:1400px;margin:0 auto;padding:0 20px}.mainShell{padding-bottom:max(48px,env(safe-area-inset-bottom))}.siteHeader{position:sticky;top:0;z-index:100;background:var(--header-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--stroke)}.siteHeaderInner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:12px 0}.siteLogo{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff}.siteLogoMark{width:40px;height:40px;border-radius:10px;background:var(--grad-primary);box-shadow:0 4px 15px #7c3aed66;flex-shrink:0}.siteLogoText{display:flex;flex-direction:column;gap:0}.siteLogoTitle{font-weight:800;font-size:1.5rem;letter-spacing:-.02em;background:linear-gradient(to bottom,#fff,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.siteLogoTag{font-size:.7rem;font-weight:600;color:var(--muted)}.siteNav{display:flex;gap:4px;align-items:center}.siteNavLink{text-decoration:none;font-weight:600;font-size:.9rem;color:var(--muted);padding:8px 16px;border-radius:8px;transition:all .2s ease}.siteNavLink:hover{color:#fff;background:#ffffff0d}.siteNavLink--active{color:#fff;background:var(--accent-soft);box-shadow:inset 0 0 0 1px #7c3aed33}.card{background:var(--card);border:1px solid var(--stroke);border-radius:var(--radius);box-shadow:var(--shadow)}.chip{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:6px;border:1px solid var(--stroke);background:var(--card);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.85rem;font-weight:600;color:var(--muted);transition:all .2s ease}.chip:hover{color:#fff;border-color:var(--accent);background:var(--accent-soft)}.chip.active{color:#fff;border-color:var(--accent);background:var(--accent);box-shadow:0 0 15px #7c3aed4d}.chip--muted{color:var(--muted2)!important;font-weight:500}.grid{display:grid;gap:16px}.twoCol{grid-template-columns:1fr 320px}@media (max-width: 920px){.twoCol{grid-template-columns:1fr}}.hero{margin-top:22px;padding:22px;overflow:hidden;position:relative}.hero:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:radial-gradient(900px 260px at 20% 20%,rgba(234,88,12,.15),transparent 55%),radial-gradient(600px 220px at 85% 0%,rgba(3,105,161,.12),transparent 60%);opacity:.95;pointer-events:none}.heroInner{position:relative;display:grid;grid-template-columns:1.3fr .7fr;gap:18px;align-items:center}@media (max-width: 860px){.heroInner{grid-template-columns:1fr}}.heroTitle{margin:0 0 10px;font-size:56px;letter-spacing:.02em;line-height:.95;font-weight:900}.heroSubtitle{margin:0 0 16px;color:var(--muted);font-size:16px;line-height:1.55}.btn{border:none;background:var(--grad-primary);color:#fff;font-weight:700;padding:10px 20px;border-radius:8px;cursor:pointer;font-family:var(--font);box-shadow:0 4px 12px #7c3aed4d;transition:all .2s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #7c3aed66}.input{width:100%;padding:13px 16px;border-radius:var(--radius-sm);border:1px solid var(--stroke);background:var(--card);color:var(--text);outline:none;font-family:var(--font);font-size:.95rem;transition:border-color .15s ease,box-shadow .15s ease}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.input::placeholder{color:var(--muted2)}.postCard{padding:18px;position:relative;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease}.postCard:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.postCardTitle{margin:0 0 8px;font-size:1.35rem;font-weight:900;letter-spacing:.01em}.postCardMeta{color:var(--muted2);font-size:.8125rem;font-weight:600}.postCardExcerpt{color:var(--muted);font-size:.9375rem;line-height:1.7;font-weight:500}.img{width:100%;border-radius:var(--radius-sm);border:1px solid var(--stroke);background:var(--card2)}.markdown{line-height:1.8;font-family:var(--font);font-size:1.125rem;font-weight:400;direction:rtl;color:var(--text)}.markdown h1,.markdown h2,.markdown h3{font-weight:800;margin-top:2em;margin-bottom:1em;line-height:1.2;color:#fff}.markdown p{margin:1.2em 0}.markdown a{color:var(--accent2);text-decoration:underline;text-underline-offset:4px}.markdown blockquote{margin:2em 0;padding:20px 24px;border-right:4px solid var(--accent);background:var(--card);font-style:italic;border-radius:4px var(--radius) var(--radius) 4px}.postArticle{padding-top:8px}.postSectionTitle{font-weight:900;font-size:1.35rem;margin:0 0 14px;color:var(--text)}.adFrame{display:grid;gap:10px;align-items:center}.adLabel{font-family:var(--font);color:var(--muted2);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.adBox{border-radius:var(--radius-sm);border:1px dashed rgba(15,23,42,.18);background:var(--card2);padding:14px;text-align:center;color:var(--muted);position:relative;overflow:hidden}.adBox:after{content:"";position:absolute;top:-40%;right:-20%;bottom:-40%;left:-20%;transform:rotate(8deg);background:linear-gradient(90deg,transparent 0%,rgba(234,88,12,.1) 35%,rgba(3,105,161,.08) 55%,transparent 100%);opacity:.5;animation:adShimmer 2.6s ease-in-out infinite;pointer-events:none}@keyframes adShimmer{0%{transform:translate(-16%) rotate(8deg)}55%{transform:translate(12%) rotate(8deg)}to{transform:translate(18%) rotate(8deg)}}.adBox[data-variant=leaderboard]{min-height:90px}.adBox[data-variant=responsive]{min-height:120px}.adBox[data-variant=sidebar]{min-height:240px}.adBox[data-variant=in-article]{min-height:110px}.pageLoader{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:36px 16px;min-height:200px}.pageLoaderSpinner{width:40px;height:40px;border-radius:50%;border:3px solid rgba(234,88,12,.2);border-top-color:var(--accent);animation:pageLoaderSpin .75s linear infinite}@keyframes pageLoaderSpin{to{transform:rotate(360deg)}}.pageLoaderText{font-size:.9375rem;font-weight:600;color:var(--muted)}.feedLoader{min-height:220px}.emptyFeed{margin:20px 0;font-weight:600;color:var(--muted);text-align:center}.newsPage{padding-bottom:48px}.topBanner{max-width:1140px;margin:20px auto 0;padding:0 16px}.pageGrid{max-width:1400px;margin:0 auto;padding:0 20px;display:block}.leftRail{display:none}.railCard{padding:16px;background:var(--card);border:1px solid var(--stroke);border-radius:var(--radius);box-shadow:var(--shadow)}.filterBar{margin-bottom:24px;overflow-x:auto;padding-bottom:8px;-ms-overflow-style:none;scrollbar-width:none}.filterBar::-webkit-scrollbar{display:none}.railChips{display:flex;gap:10px;flex-wrap:nowrap}.mainCol{min-width:0}.sectionHeader{padding:24px;display:flex;gap:24px;justify-content:space-between;align-items:center;margin-bottom:24px;border-radius:var(--radius);background:var(--grad-surface);border:1px solid var(--stroke);box-shadow:var(--shadow)}.sectionHeaderText{flex:1}.sectionTitle{margin:0;font-size:clamp(1.5rem,4vw,2.5rem);font-weight:800;color:#fff}.sectionSub{margin-top:4px;font-size:.95rem;font-weight:500;color:var(--muted)}.searchRow{display:flex;gap:12px;align-items:center}.searchRow .input{width:320px;background:#0f172a66}.featuredGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.featuredCard{grid-column:span 2;grid-row:span 2}.newsCard{overflow:hidden;border-radius:var(--radius);background:var(--card);border:1px solid var(--stroke);transition:all .3s cubic-bezier(.4,0,.2,1);min-height:100px}.newsCard:hover{transform:translateY(-4px) scale(1.01);border-color:var(--accent);box-shadow:0 10px 30px -10px #7c3aed66}.newsCardLink{display:flex;flex-direction:column;height:100%}.newsCardImg{width:100%;aspect-ratio:16/10;object-fit:cover;transition:transform .5s ease}.newsCard:hover .newsCardImg{transform:scale(1.05)}.newsCardBody{padding:16px;flex:1;display:flex;flex-direction:column}.newsMeta{font-size:.7rem;font-weight:700;color:var(--accent2);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.newsTitle{font-size:1.1rem;font-weight:700;line-height:1.4;color:#fff;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.gridAdInline{grid-column:1 / -1}.newsGrid{margin-top:12px;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.gridAd{margin:18px 0}.errorText{margin-top:10px;font-weight:700;color:var(--bad)}.loadMoreRow{margin-top:24px;display:flex;justify-content:center;gap:10px;align-items:center}.loadingText{font-weight:600;color:var(--muted)}.siteFooter{margin-top:60px;border-top:1px solid var(--stroke);padding:40px 0;background:#0f172a80}.footerInner{display:grid;gap:16px;text-align:center}.footerLinks{display:flex;justify-content:center;gap:28px;flex-wrap:wrap;font-size:.875rem;font-weight:600}.footerLinks a{color:var(--muted);text-decoration:none;padding:6px 0;border-bottom:2px solid transparent;transition:color .2s ease,border-color .2s ease}.footerLinks a:hover{color:var(--accent2);border-bottom-color:var(--accent2)}.footerCopy{font-size:.8rem;color:var(--muted2);font-weight:500}.staticPage{max-width:800px;margin:0 auto;padding:40px 0 60px}.staticPageTitle{margin:0 0 8px;font-size:2rem;font-weight:800;color:#fff}.staticPageDate{margin:0 0 32px;font-size:.85rem;color:var(--muted);font-weight:600}.staticPageContent{line-height:1.85;font-size:1.05rem;color:var(--text)}.staticPageContent section{margin-bottom:32px}.staticPageContent h2{margin:32px 0 12px;font-size:1.35rem;font-weight:800;color:#fff}.staticPageContent h3{margin:20px 0 8px;font-size:1.1rem;font-weight:700;color:var(--accent2)}.staticPageContent p{margin:12px 0;color:var(--muted);line-height:1.9}.staticPageContent ul{margin:12px 0;padding-right:24px}.staticPageContent li{margin-bottom:8px;color:var(--muted);line-height:1.7}.staticPageContent a{color:var(--accent2);text-decoration:underline;text-underline-offset:3px}.staticPageContent a:hover{color:#fff}.contactInfo{display:grid;gap:12px;margin-bottom:24px}.contactItem{display:flex;gap:12px;align-items:center;padding:14px 18px;background:var(--card);border:1px solid var(--stroke);border-radius:var(--radius);color:var(--muted)}.contactItem strong{color:#fff;min-width:140px}.contactForm{display:grid;gap:20px}.formGroup{display:grid;gap:6px}.formGroup label{font-size:.9rem;font-weight:700;color:#fff}.successMessage{padding:24px;background:#10b9811a;border:1px solid rgba(16,185,129,.25);border-radius:var(--radius);color:var(--good);font-weight:600;text-align:center}.postIntro{padding:20px 24px;margin-bottom:8px}.postHeroOverlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(500px 180px at 15% 20%,rgba(124,58,237,.25),transparent 60%),radial-gradient(520px 220px at 90% 0%,rgba(59,130,246,.18),transparent 62%);pointer-events:none}.postHero{position:relative;overflow:hidden;display:flex;align-items:flex-end;min-height:200px;height:clamp(200px,48vw,320px);background-size:cover;background-position:center;border-radius:var(--radius);border:1px solid var(--stroke);box-shadow:var(--shadow-lg)}.postHeroInner{position:relative;padding:clamp(14px,4vw,22px);width:100%}.postHeroKicker{color:#ffffffd9;font-size:.75rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.postHeroTitle{margin-top:8px;font-size:clamp(1.15rem,4.2vw,1.85rem);font-weight:900;letter-spacing:.01em;line-height:1.25;word-wrap:break-word;color:#fff;text-shadow:0 2px 24px rgba(0,0,0,.45)}.postRelated{padding-top:8px}.relatedGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.pageState{margin:0;padding:12px 0;font-size:.9375rem;font-weight:600}.pageStateMuted{color:var(--muted)}.pageStateError{color:var(--bad)}@media (max-width: 1024px){.container{max-width:100%;padding:0 16px}.featuredGrid{grid-template-columns:repeat(2,1fr)}.featuredCard{grid-column:span 2}}@media (max-width: 768px){.siteHeaderInner{flex-direction:column;align-items:center;gap:16px;padding:16px 0}.siteNav{width:100vw;margin-left:-16px;margin-right:-16px;justify-content:flex-start;overflow-x:auto;padding:4px 16px 8px;-webkit-overflow-scrolling:touch;scrollbar-width:none;display:flex;gap:8px;-webkit-mask-image:linear-gradient(to right,transparent,black 5%,black 95%,transparent);mask-image:linear-gradient(to right,transparent,black 5%,black 95%,transparent)}.siteNav::-webkit-scrollbar{display:none}.siteNavLink{white-space:nowrap;padding:8px 14px;font-size:.85rem;background:#ffffff08;border:1px solid rgba(255,255,255,.05)}.sectionHeader{flex-direction:column;align-items:stretch;padding:20px;gap:16px}.searchRow{width:100%}.searchRow .input{width:100%;flex:1}.newsGrid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 620px){.siteLogoTitle{font-size:1.25rem}.siteLogoMark{width:32px;height:32px;border-radius:8px}.siteNav{justify-content:flex-start;padding-left:16px;padding-right:16px}.featuredGrid{grid-template-columns:1fr}.featuredCard{grid-column:span 1}.newsGrid{grid-template-columns:1fr}.sectionTitle{font-size:1.75rem}.postHero{height:260px}.postHeroTitle{font-size:1.5rem}.markdown{font-size:1.05rem}.staticPage{padding:24px 0 40px}.staticPageTitle{font-size:1.75rem}.contactItem{flex-direction:column;align-items:flex-start;gap:4px}.contactItem strong{min-width:auto}.footerLinks{gap:16px}}@media (max-width: 380px){.siteLogoTag{display:none}.newsTitle{font-size:1rem}.btn{padding:8px 16px;font-size:.9rem}}