*{margin:0;padding:0;box-sizing:border-box} :root{--primary-dark:#0b0f16;--primary-blue:#0c1c33;--secondary-blue:#112c4a;--accent-blue:#2a4a6b;--text-light:#ffffff;--text-muted:#aab7c7;--background-dark:#0f1419;--background-card:#171f28;--border-color:#273245;--shadow-color:rgba(0,0,0,.5);--font-primary:'Cairo','Amiri',Arial,sans-serif;--font-headings:'Tajawal','Cairo',Arial,sans-serif;--font-size-base:16px;--line-height-base:1.7;--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--spacing-xxl:4rem;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--transition-fast:.2s ease;--transition-normal:.3s ease} body{font-family:var(--font-primary);font-size:var(--font-size-base);line-height:var(--line-height-base);background-color:var(--background-dark);color:var(--text-light);direction:rtl;text-align:right} .container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-sm)} .header{background:linear-gradient(135deg,var(--primary-dark),var(--primary-blue));box-shadow:0 2px 10px var(--shadow-color);position:sticky;top:0;z-index:1000} .header-top{background:rgba(0,0,0,.2);padding:var(--spacing-xs) 0} .header-top .container{display:flex;justify-content:space-between;align-items:center} .search-container{display:flex;align-items:center;background:rgba(255,255,255,.06);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-xs);backdrop-filter:blur(10px)} .search-container input{background:transparent;border:none;color:var(--text-light);padding:var(--spacing-xs) var(--spacing-sm);font-size:.95rem;width:300px;outline:none} .search-container input::placeholder{color:var(--text-muted)} .search-container button{background:var(--accent-blue);border:1px solid var(--border-color);color:var(--text-light);cursor:pointer;padding:6px 12px;border-radius:8px;font-size:.9rem;transition:var(--transition-normal)} .search-container button:hover{filter:brightness(1.12)} .header-main{padding:var(--spacing-md) 0} .header-main .container{display:flex;justify-content:space-between;align-items:center;position:relative} .logo{font-family:var(--font-headings);font-weight:900} .logo-main{display:block;font-size:2rem;color:var(--text-light);text-shadow:2px 2px 4px rgba(0,0,0,.5)} .logo-sub{display:block;font-size:1rem;color:var(--text-muted);font-weight:400;margin-top:var(--spacing-xs)} .logo-brand{display:flex;align-items:center;gap:var(--spacing-md)} .logo-slot{width:72px;height:72px;border-radius:12px;background:repeating-conic-gradient(from 45deg,rgba(255,255,255,.06) 0 15deg,transparent 15deg 30deg),linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.02));border:1px solid var(--border-color);box-shadow:0 4px 12px var(--shadow-color) inset} .logo-texts{display:flex;flex-direction:column} .nav-menu ul{display:flex;list-style:none;gap:var(--spacing-lg)} .nav-menu a{color:var(--text-light);text-decoration:none;font-weight:700;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);transition:var(--transition-normal)} .nav-menu a:hover{background:rgba(255,255,255,.06);transform:translateY(-2px)} .mobile-menu-toggle{display:none;background:transparent;border:none;color:var(--text-light);font-size:1.5rem;cursor:pointer} .mobile-menu-toggle .bar{display:block;width:24px;height:2px;background:#fff;margin:5px 0;border-radius:2px} .nav-menu.mobile-active{display:block;position:absolute;top:100%;right:0;background:var(--primary-dark);padding:var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-md)} .nav-menu.mobile-active ul{flex-direction:column;gap:var(--spacing-sm)} .header-tagline{background:rgba(0,0,0,.25);padding:var(--spacing-sm) 0;text-align:center} .header-tagline p{color:var(--text-muted);font-size:.96rem} .hero{background:linear-gradient(135deg,var(--primary-dark),var(--primary-blue),var(--secondary-blue));min-height:70vh;display:flex;align-items:center;position:relative;overflow:hidden} .hero-background{position:absolute;inset:0;background-image:linear-gradient(45deg,transparent 40%,rgba(255,255,255,.05) 50%,transparent 60%),radial-gradient(ellipse at center,rgba(255,255,255,.08) 0%,transparent 70%);background-size:100px 100px,300px 300px;animation:shimmer 20s infinite linear;opacity:.9} @keyframes shimmer{0%{background-position:-100px 0,0 0}100%{background-position:100px 0,100px 100px}} .hero-content{text-align:center;z-index:1;position:relative} .hero-title{font-family:var(--font-headings);font-size:3.4rem;font-weight:900;color:var(--text-light);text-shadow:3px 3px 6px rgba(0,0,0,.7);margin-bottom:var(--spacing-md);line-height:1.2} .hero-subtitle{font-size:1.3rem;color:var(--text-muted);margin-bottom:var(--spacing-xl);font-weight:400;text-shadow:1px 1px 2px rgba(0,0,0,.4)} .hero-buttons{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap} .btn{display:inline-block;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);text-decoration:none;font-weight:800;text-align:center;transition:var(--transition-normal);border:2px solid transparent;cursor:pointer;font-size:1rem;min-width:150px} .btn-primary{background:linear-gradient(135deg,var(--accent-blue),var(--secondary-blue));color:var(--text-light);box-shadow:0 4px 15px rgba(42,74,107,.4)} .btn-primary:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(42,74,107,.6)} .btn-secondary{background:transparent;color:var(--text-light);border-color:var(--text-light)} .btn-secondary:hover{background:var(--text-light);color:var(--primary-dark);transform:translateY(-3px)} .btn-load-more{background:var(--accent-blue);color:var(--text-light);margin:var(--spacing-lg) auto;display:block} .section-title{font-family:var(--font-headings);font-size:2.2rem;font-weight:900;text-align:center;margin-bottom:var(--spacing-xl);color:var(--text-light);position:relative;letter-spacing:.5px} .section-title.ornament{padding-bottom:18px} .section-title.ornament::after{content:"";position:absolute;bottom:-2px;left:50%;transform:translateX(-50%);width:140px;height:10px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.25) 0 10px,transparent 10px 20px)} .geometric-pattern{position:relative;overflow:hidden} .geometric-pattern::before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 25% 25%,rgba(255,255,255,.05) 2px,transparent 2px),radial-gradient(circle at 75% 75%,rgba(255,255,255,.04) 1px,transparent 1px);background-size:40px 40px,20px 20px;opacity:.35;z-index:0} .pattern-ornate{position:relative} .pattern-ornate::before{content:"";position:absolute;inset:auto 0 0 0;height:14px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.06) 0 8px,transparent 8px 16px)} .news-section{padding:var(--spacing-xxl) 0;background:var(--background-dark)} .news-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)} .news-card{background:var(--background-card);border-radius:var(--radius-lg);padding:var(--spacing-lg);border:1px solid var(--border-color);transition:var(--transition-normal);position:relative;overflow:hidden} .news-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--accent-blue),var(--secondary-blue))} .news-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px var(--shadow-color);border-color:var(--accent-blue)} .news-card h3{font-size:1.25rem;font-weight:800;margin-bottom:var(--spacing-sm);color:var(--text-light)} .news-card p{color:var(--text-muted);margin-bottom:var(--spacing-md);line-height:1.9} .news-date{font-size:.95rem;color:var(--accent-blue);font-weight:800} .news-category{display:inline-block;background:var(--accent-blue);color:var(--text-light);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:.82rem;font-weight:800;margin-bottom:var(--spacing-sm)} .news-ticker{background:linear-gradient(90deg,var(--primary-dark),var(--secondary-blue));padding:.5rem 0;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)} .ticker-title{background:var(--accent-blue);color:var(--text-light);padding:4px 10px;border-radius:4px;margin-left:10px;font-weight:900} .ticker-wrap{overflow:hidden;position:relative} .ticker-move{display:inline-block;white-space:nowrap;animation:ticker 25s linear infinite} .ticker-item{display:inline-block;padding:0 2rem;color:var(--text-muted)} @keyframes ticker{0%{transform:translateX(0)}100%{transform:translateX(-50%)}} .services-section{padding:var(--spacing-xxl) 0;background:var(--background-dark)} .services-layout{display:grid;grid-template-columns:320px 1fr;gap:var(--spacing-xl);align-items:start} .services-overview{background:var(--background-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);position:sticky;top:100px} .services-lead{color:var(--text-muted);line-height:1.9;margin-bottom:var(--spacing-md)} .service-pillars{list-style:none;display:grid;gap:var(--spacing-xs)} .service-pillars li{background:rgba(255,255,255,.04);border:1px dashed var(--border-color);padding:10px 12px;border-radius:8px;font-weight:800;color:var(--text-light)} .services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--spacing-lg)} .service-card{background:var(--background-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);position:relative;overflow:hidden} .service-card h3{margin-bottom:var(--spacing-sm);font-weight:900} .service-card p{color:var(--text-muted)} .features-section{padding:var(--spacing-xxl) 0;background:linear-gradient(135deg,var(--primary-dark),var(--background-dark))} .feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--spacing-lg)} .feature-card{background:var(--background-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);position:relative;overflow:hidden} .feature-card .feature-badge{position:absolute;top:12px;left:12px;background:var(--accent-blue);color:#fff;padding:4px 10px;border-radius:999px;font-size:.8rem;font-weight:900} .feature-card h3{margin-bottom:var(--spacing-sm)} .feature-card p{color:var(--text-muted);margin-bottom:var(--spacing-md)}

.texts-section{padding:var(--spacing-xxl) 0;background:var(--background-dark)} .texts-list{list-style:none;display:grid;gap:14px;max-width:950px;margin:0 auto} .texts-list li{background:var(--background-card);border:1px solid var(--border-color);border-radius:12px;padding:16px var(--spacing-lg)} .texts-list a{color:#fff;text-decoration:none;font-weight:900;border-bottom:1px dashed transparent} .texts-list a:hover{color:#fff;border-color:var(--accent-blue)} .texts-list p{color:var(--text-muted);margin-top:6px}

.islamic-banners{height:12px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.08) 0 24px,transparent 24px 32px),linear-gradient(90deg,#0f1b2a,#142841);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)} .statements-section{padding:var(--spacing-xxl) 0;background:var(--background-dark)} .statements-list{list-style:none;display:grid;gap:12px;max-width:900px;margin:0 auto} .statements-list li{display:grid;grid-template-columns:160px 1fr;gap:var(--spacing-md);align-items:center;background:var(--background-card);border:1px solid var(--border-color);border-radius:10px;padding:14px var(--spacing-lg)} .statements-list time{color:var(--accent-blue);font-weight:900} .statements-list a{color:var(--text-light);text-decoration:none;border-bottom:1px dashed var(--border-color);padding-bottom:2px} .statements-list a:hover{color:#fff;border-color:var(--accent-blue)} .editorials-section{padding:var(--spacing-xxl) 0;background:var(--background-dark)} .watch-section{padding:var(--spacing-xxl) 0;background:linear-gradient(135deg,var(--background-dark),#0d1722)} .about-section{padding:var(--spacing-xxl) 0;background:var(--background-dark)} .about-content{max-width:900px;margin:0 auto;text-align:center} .about-text{font-size:1.2rem;line-height:1.9;color:var(--text-muted);margin-bottom:var(--spacing-xl)} .about-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-xl)} .stat-item{text-align:center;padding:var(--spacing-lg);background:var(--background-card);border-radius:var(--radius-lg);border:1px solid var(--border-color)} .stat-item h3{font-size:1.3rem;font-weight:900;color:var(--accent-blue);margin-bottom:var(--spacing-sm)} .stat-item p{color:var(--text-muted)} .footer{background:linear-gradient(135deg,var(--primary-dark),#000);padding:var(--spacing-xxl) 0 var(--spacing-lg);border-top:1px solid var(--border-color)} .footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)} .footer-section h3{font-size:1.15rem;font-weight:900;margin-bottom:var(--spacing-md);color:var(--text-light)} .footer-section ul{list-style:none} .footer-section ul li{margin-bottom:var(--spacing-xs)} .footer-section a{color:var(--text-muted);text-decoration:none;transition:var(--transition-fast)} .footer-section a:hover{color:var(--accent-blue)} .contact-form{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)} .contact-form input,.contact-form textarea{background:var(--background-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:var(--spacing-sm);color:var(--text-light);font-family:inherit} .contact-form input::placeholder,.contact-form textarea::placeholder{color:var(--text-muted)} .footer-bottom{text-align:center;padding-top:var(--spacing-lg);border-top:1px solid var(--border-color);color:var(--text-muted)} .lightbox{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.9);z-index:10000;justify-content:center;align-items:center} .lightbox-content{position:relative;max-width:90%;max-height:90%} .lightbox-close{position:absolute;top:-40px;right:0;color:#fff;font-size:2rem;cursor:pointer;z-index:10001} .lightbox img,.lightbox video{max-width:100%;max-height:100%;border-radius:var(--radius-md)} .load-more-container{text-align:center;margin-top:var(--spacing-xl)} .hidden{display:none!important} @media (max-width:768px){.hero-title{font-size:2.2rem}.hero-subtitle{font-size:1.05rem}.hero-buttons{flex-direction:column;align-items:center}.nav-menu{display:none}.mobile-menu-toggle{display:block}.search-container input{width:200px}.section-title{font-size:1.8rem}.news-grid{grid-template-columns:1fr}.about-stats{grid-template-columns:1fr}.footer-content{grid-template-columns:1fr;text-align:center}.container{padding:0 var(--spacing-md)} .services-layout{grid-template-columns:1fr}.services-overview{position:static}.nav-menu.mobile-active{width:calc(100% - 2rem);left:1rem;right:1rem}} @media (max-width:480px){.logo-main{font-size:1.4rem}.btn{min-width:120px;padding:var(--spacing-sm)} .search-container input{width:150px;font-size:.85rem}} .fade-in{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease} .fade-in.visible{opacity:1;transform:translateY(0)} button:focus,input:focus,textarea:focus,a:focus{outline:2px solid var(--accent-blue);outline-offset:2px} html{scroll-behavior:smooth} .vcard-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xxl) var(--spacing-md);background:linear-gradient(135deg,var(--primary-dark),var(--primary-blue))} .vcard-wrap{width:100%;max-width:780px} .vcard-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)} .vcard-card{background:var(--background-card);border:1px solid var(--border-color);border-radius:16px;padding:var(--spacing-xl);box-shadow:0 10px 30px var(--shadow-color)} .vcard-title{font-family:var(--font-headings);font-size:2rem;margin-bottom:var(--spacing-md)} .vcard-sub{color:var(--text-muted);margin-bottom:var(--spacing-lg)} .vcard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--spacing-md)} .vcard-item{background:rgba(255,255,255,.04);border:1px solid var(--border-color);border-radius:12px;padding:var(--spacing-md);display:flex;align-items:center;gap:12px;transition:var(--transition-normal)} .vcard-item:hover{transform:translateY(-3px);border-color:var(--accent-blue)} .vcard-meta{display:flex;flex-direction:column} .vcard-name{font-weight:900;color:var(--text-light)} .vcard-handle{color:var(--accent-blue);font-weight:900} .vcard-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-lg)} .vcard-btn{padding:10px 14px;border-radius:10px;border:1px solid var(--border-color);background:rgba(255,255,255,.06);color:var(--text-light);text-decoration:none;font-weight:900;transition:var(--transition-normal)} .vcard-btn:hover{background:rgba(255,255,255,.12);transform:translateY(-2px)}