@import"https://fonts.googleapis.com/css2?family=Amiri:ital,wght@0,400;0,700;1,400&family=Inter:wght@300;400;500;600;700;800;900&family=Playfair+Display:wght@600;700;800&family=Noto+Nastaliq+Urdu:wght@400;600;700&display=swap";:root{--primary: #1e3a8a;--primary-mid: #1d4ed8;--primary-light: #dbeafe;--secondary: #15803d;--secondary-dark: #14532d;--secondary-light:#dcfce7;--accent: #d97706;--accent-dark: #b45309;--accent-light: #fef3c7;--dark: #0f172a;--dark-2: #1e293b;--text: #1e293b;--text-muted: #64748b;--text-subtle: #94a3b8;--light: #f0f7ff;--light-2: #f8fafc;--white: #ffffff;--border: #e2e8f0;--border-dark: #cbd5e1;--shadow-sm: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.06);--shadow: 0 4px 12px rgba(0,0,0,.1);--shadow-md: 0 8px 24px rgba(0,0,0,.12);--shadow-lg: 0 20px 40px rgba(0,0,0,.14);--shadow-xl: 0 30px 60px rgba(0,0,0,.18);--r-sm: 8px;--r: 12px;--r-lg: 20px;--r-xl: 28px;--section-py: 96px;--font-body: "Inter", sans-serif;--font-heading: "Playfair Display", serif;--font-arabic: "Amiri", serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);color:var(--text);background:var(--white);line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden;width:100%;max-width:100vw;position:relative}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}ul{list-style:none}button{cursor:pointer;font-family:inherit}.reveal{opacity:0;transform:translateY(32px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transform:translate(-40px);transition:opacity .7s ease,transform .7s ease}.reveal-left.visible{opacity:1;transform:translate(0)}.reveal-right{opacity:0;transform:translate(40px);transition:opacity .7s ease,transform .7s ease}.reveal-right.visible{opacity:1;transform:translate(0)}.reveal-scale{opacity:0;transform:scale(.9);transition:opacity .6s ease,transform .6s ease}.reveal-scale.visible{opacity:1;transform:scale(1)}.section-tag{display:inline-flex;align-items:center;gap:8px;font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);background:var(--accent-light);padding:6px 16px;border-radius:100px;border:1px solid rgba(217,119,6,.25);margin-bottom:16px}.section-heading{font-family:var(--font-heading);font-size:clamp(2rem,4vw,2.9rem);font-weight:700;color:var(--dark);line-height:1.2;word-wrap:break-word;overflow-wrap:break-word}.section-sub{font-size:1.1rem;color:var(--text-muted);line-height:1.75;max-width:620px;word-wrap:break-word;overflow-wrap:break-word}.text-center{text-align:center}.text-center .section-sub{margin:0 auto}.container{width:min(1200px,100% - 48px);margin-inline:auto;padding:0;box-sizing:border-box}.section-py{padding:var(--section-py) 0}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 28px;border-radius:var(--r);font-weight:600;font-size:.95rem;border:2px solid transparent;transition:all .25s ease;text-decoration:none;line-height:1}.btn-primary{background:var(--primary);color:var(--white);border-color:var(--primary)}.btn-primary:hover{background:var(--primary-mid);border-color:var(--primary-mid);transform:translateY(-2px);box-shadow:0 8px 24px #1e3a8a59}.btn-accent{background:var(--accent);color:var(--white);border-color:var(--accent)}.btn-accent:hover{background:var(--accent-dark);border-color:var(--accent-dark);transform:translateY(-2px);box-shadow:0 8px 24px #d9770659}.btn-outline{background:transparent;color:var(--primary);border-color:var(--primary)}.btn-outline:hover{background:var(--primary);color:var(--white);transform:translateY(-2px)}.btn-outline-white{background:transparent;color:var(--white);border-color:#ffffffa6}.btn-outline-white:hover{background:var(--white);color:var(--primary);border-color:var(--white)}.btn-green{background:var(--secondary);color:var(--white);border-color:var(--secondary)}.btn-green:hover{background:var(--secondary-dark);border-color:var(--secondary-dark);transform:translateY(-2px);box-shadow:0 8px 24px #15803d59}.btn-lg{padding:16px 36px;font-size:1.05rem;border-radius:var(--r-lg)}.btn-sm{padding:8px 18px;font-size:.85rem}.card{background:var(--white);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;transition:box-shadow .3s ease,transform .3s ease}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.badge{display:inline-block;padding:4px 12px;border-radius:100px;font-size:.75rem;font-weight:700;letter-spacing:.05em}.badge-blue{background:var(--primary-light);color:var(--primary)}.badge-green{background:var(--secondary-light);color:var(--secondary-dark)}.badge-gold{background:var(--accent-light);color:var(--accent-dark)}.badge-dark{background:var(--dark);color:var(--white)}.ann-bar{background:linear-gradient(90deg,var(--primary-mid) 0%,var(--primary) 100%);color:var(--white);font-size:.82rem;font-weight:500;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 24px;position:relative;z-index:1001}.ann-bar__ticker{flex:1;display:flex;align-items:center;gap:10px;overflow:hidden;min-width:0}.ann-bar__label{background:var(--accent);color:var(--white);padding:3px 10px;border-radius:4px;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;flex-shrink:0}.ann-bar__text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ann-bar__controls{display:flex;align-items:center;gap:8px;flex-shrink:0}.ann-bar__nav-btn{background:none;border:none;color:#ffffffbf;cursor:pointer;font-size:.9rem;line-height:1;padding:2px 4px;transition:color .2s}.ann-bar__nav-btn:hover{color:var(--white)}.ann-bar__counter{font-size:.73rem;color:#ffffff80;min-width:28px;text-align:center}.ann-bar__link{color:#fffc;font-size:.8rem;transition:color .2s}.ann-bar__link:hover{color:var(--white)}.ann-bar__divider{color:#ffffff4d;font-size:.8rem}.ann-bar__desktop-only{display:inline}.navbar{position:sticky;top:0;background:var(--white);box-shadow:0 1px 0 var(--border);z-index:1000;transition:box-shadow .3s ease}.navbar.scrolled{box-shadow:0 4px 24px #0000001a}.navbar__inner{display:flex;align-items:center;justify-content:space-between;height:72px;gap:24px}.navbar__brand{display:flex;align-items:center;gap:12px;flex-shrink:0;min-width:0}.navbar__logo-img{height:52px;width:auto;max-width:160px;object-fit:contain;display:block;flex-shrink:0}.navbar__logo-icon{width:44px;height:44px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-mid) 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--white);font-size:1.3rem;font-family:var(--font-arabic);box-shadow:0 4px 12px #1e3a8a4d}.navbar__brand-text{line-height:1.2}.navbar__brand-text span:first-child{display:block;font-size:1rem;font-weight:800;color:var(--primary);letter-spacing:-.02em}.navbar__brand-text span:last-child{display:block;font-size:.7rem;color:var(--text-muted);font-weight:500;letter-spacing:.04em;text-transform:uppercase}.navbar__nav{display:flex;align-items:center;gap:4px}.nav-link{padding:8px 14px;border-radius:var(--r-sm);font-size:.9rem;font-weight:500;color:var(--text);transition:all .2s ease;position:relative}.nav-link:hover,.nav-link.active{color:var(--primary);background:var(--primary-light)}.navbar__actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.navbar__portal-btn{padding:8px 16px;border-radius:var(--r-sm);font-size:.85rem;font-weight:600;color:var(--text-muted);border:1px solid var(--border-dark);background:transparent;transition:all .2s;display:flex;align-items:center;gap:6px}.navbar__portal-btn:hover{color:var(--primary);border-color:var(--primary);background:var(--primary-light)}.navbar__cta{background:var(--primary);color:var(--white);padding:10px 22px;border-radius:var(--r);font-size:.9rem;font-weight:700;transition:all .25s;border:none}.navbar__lang-btn{padding:7px 14px;border-radius:20px;font-size:.8rem;font-weight:700;color:var(--primary);border:2px solid var(--primary);background:transparent;cursor:pointer;transition:all .2s;letter-spacing:.03em;white-space:nowrap;flex-shrink:0}.navbar__lang-btn:hover{background:var(--primary);color:var(--white)}.navbar__lang-btn--mobile{margin:8px 0;width:100%;border-radius:var(--r-sm);padding:10px 18px;font-size:.9rem;text-align:center}.navbar__cta:hover{background:var(--primary-mid);transform:translateY(-1px);box-shadow:0 6px 20px #1e3a8a4d}.hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;padding:6px;cursor:pointer}.hamburger span{display:block;width:22px;height:2px;background:var(--dark);border-radius:2px;transition:all .3s ease}.mobile-nav{display:none;flex-direction:column;gap:2px;padding:12px 16px 20px;border-top:1px solid var(--border);background:var(--white);box-shadow:0 8px 24px #00000014}.mobile-nav.open{display:flex}.mobile-nav .nav-link{width:100%;border-radius:var(--r-sm);padding:11px 14px;font-size:.95rem;box-sizing:border-box}.mobile-nav .navbar__cta{width:100%;text-align:center;margin-top:10px;justify-content:center;display:flex;padding:13px;font-size:.95rem;border-radius:var(--r);box-sizing:border-box}.navbar__resources{position:relative}.nav-link--dropdown{display:flex;align-items:center;gap:6px;background:none;border:none;cursor:pointer;font-family:inherit}.dropdown-arrow{font-size:.7rem;transition:transform .3s ease;display:inline-block}.nav-link--dropdown.active .dropdown-arrow{transform:rotate(180deg)}.navbar__dropdown{position:absolute;top:calc(100% + 8px);left:0;background:var(--white);border-radius:12px;box-shadow:0 8px 24px #0000001f;min-width:180px;padding:8px;z-index:1001;border:1px solid var(--border);animation:dropdownFadeIn .2s ease}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:8px;font-size:.9rem;font-weight:500;color:var(--text);text-decoration:none;transition:all .2s ease;width:100%}.dropdown-item:hover{background:var(--primary-light);color:var(--primary);transform:translate(4px)}.dropdown-item:active{transform:translate(2px)}.mobile-nav__resources{position:relative;width:100%}.nav-link--mobile-dropdown{width:100%;display:flex;align-items:center;justify-content:space-between;background:none;border:none;cursor:pointer;font-family:inherit;text-align:left;box-sizing:border-box}.mobile-nav__dropdown{margin-top:6px;margin-left:0;display:flex;flex-direction:column;gap:2px;padding:6px 0;background:var(--light);border-radius:8px;border:1px solid var(--border);animation:dropdownFadeIn .2s ease;width:100%;box-sizing:border-box;overflow:hidden}.mobile-nav__dropdown .dropdown-item{padding:10px 14px 10px 28px;font-size:.9rem;box-sizing:border-box;width:100%}.navbar__role{position:relative}.navbar__portal-btn--dropdown{display:flex;align-items:center}.navbar__role-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--white);border-radius:12px;box-shadow:0 8px 24px #0000001f;min-width:280px;padding:8px;z-index:1001;border:1px solid var(--border);animation:dropdownFadeIn .2s ease}.role-item{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:8px;font-size:.9rem;width:100%;background:none;border:none;cursor:pointer;transition:all .2s ease;text-align:left;font-family:inherit}.role-item:hover{background:var(--primary-light);transform:translate(4px)}.role-icon{font-size:1.5rem;flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--light);border-radius:10px}.role-info{display:flex;flex-direction:column;gap:2px;flex:1}.role-info strong{font-weight:700;color:var(--dark);font-size:.95rem}.role-info small{font-size:.8rem;color:var(--text-muted)}.role-item-mobile{display:flex;align-items:center;gap:8px;width:100%;text-align:left;background:none;border:none;font-family:inherit;font-size:.88rem;padding:10px 14px}.mobile-nav__role{position:relative;width:100%}.hero{background:linear-gradient(135deg,var(--primary) 0%,#1e40af 40%,#1d4ed8 70%,var(--secondary) 100%);color:var(--white);padding:80px 0 0;overflow:hidden;position:relative;min-height:calc(100vh - 115px);display:flex;flex-direction:column}.hero__bg-pattern{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.06;background-image:radial-gradient(circle at 20% 50%,rgba(255,255,255,.5) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.3) 0%,transparent 40%),url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.4'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.hero__inner{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;position:relative;z-index:1;padding-bottom:40px}.hero__badge{display:inline-flex;align-items:center;gap:8px;background:#ffffff26;border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:8px 18px;border-radius:100px;font-size:.82rem;font-weight:600;letter-spacing:.06em;color:#fffffff2;margin-bottom:24px}.hero__badge-dot{width:7px;height:7px;background:#4ade80;border-radius:50%;animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.4)}}.hero__title{font-family:var(--font-heading);font-size:clamp(2.4rem,5vw,3.8rem);font-weight:800;line-height:1.1;margin-bottom:10px}.hero__title .accent-word{display:block;background:linear-gradient(90deg,#fbbf24,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero__tagline{font-size:1.1rem;color:#fffc;margin-bottom:28px;line-height:1.7;max-width:480px}.hero__actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:40px}.hero__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:8px}.hero__stat{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:16px;border-radius:var(--r);text-align:center}.hero__stat-num{font-size:1.8rem;font-weight:800;color:var(--white);line-height:1;display:block}.hero__stat-label{font-size:.75rem;color:#ffffffb3;margin-top:4px;display:block;font-weight:500}.hero__visual{position:relative;display:flex;align-items:center;justify-content:center}.hero__visual-card{background:#ffffff1f;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:var(--r-xl);padding:40px;text-align:center;max-width:400px;width:100%}.hero__arabic{font-family:var(--font-arabic);font-size:3rem;color:var(--white);line-height:1.5;margin-bottom:16px;text-shadow:0 2px 20px rgba(0,0,0,.2)}.hero__verse-trans{font-size:.9rem;color:#ffffffbf;font-style:italic;margin-bottom:24px;line-height:1.6}.hero__course-preview{display:flex;flex-direction:column;gap:10px;margin-top:20px}.hero__course-item{display:flex;align-items:center;gap:12px;background:#ffffff1a;border-radius:var(--r);padding:10px 14px;text-align:left}.hero__course-icon{width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.hero__course-text{flex:1}.hero__course-text span:first-child{display:block;font-size:.82rem;font-weight:600;color:var(--white)}.hero__course-text span:last-child{display:block;font-size:.72rem;color:#fff9}.hero__bottom-wave{margin-top:auto;line-height:0;position:relative;z-index:1}.hero__bottom-wave svg{width:100%;height:60px;display:block}.about{background:var(--white)}.about__content{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:center}.about__visual{position:relative}.about__img-wrap{border-radius:var(--r-xl);overflow:hidden;box-shadow:0 8px 32px #0000002e}.about__banner-img{width:100%;height:420px;object-fit:cover;display:block;border-radius:var(--r-xl)}.about__img-inner,.about__arabic-big{display:none}.about__icon-center{display:none;box-shadow:var(--shadow-md);position:relative;z-index:1}.about__text .section-tag{margin-bottom:12px}.about__list{margin-top:28px;display:flex;flex-direction:column;gap:16px}.about__list-item{display:flex;gap:16px;align-items:flex-start}.about__list-icon{width:44px;height:44px;border-radius:12px;background:var(--primary-light);color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0;margin-top:2px}.about__list-icon.green{background:var(--secondary-light);color:var(--secondary)}.about__list-icon.gold{background:var(--accent-light);color:var(--accent-dark)}.about__list-body h4{font-weight:700;color:var(--dark);margin-bottom:4px;font-size:.95rem}.about__list-body p{font-size:.88rem;color:var(--text-muted);line-height:1.6}.about__actions{margin-top:32px;display:flex;gap:14px;flex-wrap:wrap}.programs{background:var(--light)}.programs__header{text-align:center;margin-bottom:56px}.programs__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.prog-card{background:var(--white);border-radius:var(--r-lg);padding:32px 28px;border:1px solid var(--border);transition:all .3s ease;position:relative;overflow:hidden}.prog-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--grad);opacity:0;transition:opacity .3s}.prog-card:hover{box-shadow:var(--shadow-md);transform:translateY(-6px)}.prog-card:hover:before{opacity:1}.prog-card__icon{width:60px;height:60px;border-radius:16px;background:var(--icon-bg);color:var(--icon-color);display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:20px;transition:transform .3s}.prog-card:hover .prog-card__icon{transform:scale(1.1) rotate(-5deg)}.prog-card__level{display:inline-block;padding:3px 10px;border-radius:100px;font-size:.72rem;font-weight:700;background:var(--icon-bg);color:var(--icon-color);margin-bottom:12px}.prog-card h3{font-size:1.15rem;font-weight:700;color:var(--dark);margin-bottom:10px}.prog-card p{font-size:.88rem;color:var(--text-muted);line-height:1.65;margin-bottom:20px}.prog-card__meta{display:flex;align-items:center;justify-content:space-between;font-size:.8rem;color:var(--text-muted);padding-top:16px;border-top:1px solid var(--border)}.prog-card__meta span{display:flex;align-items:center;gap:5px}.prog-card__link{display:inline-flex;align-items:center;gap:6px;color:var(--icon-color);font-size:.85rem;font-weight:600;margin-top:16px;transition:gap .2s}.prog-card__link:hover{gap:10px}.why-us{background:var(--white)}.why-us__inner{display:grid;grid-template-columns:1fr 1.2fr;gap:64px;align-items:center}.why-us__features{display:grid;grid-template-columns:1fr 1fr;gap:20px}.feature-card{padding:24px;border-radius:var(--r-lg);border:1px solid var(--border);background:var(--white);transition:all .3s ease}.feature-card:hover{border-color:var(--primary-mid);box-shadow:var(--shadow);transform:translateY(-3px)}.feature-card__icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;margin-bottom:14px}.feature-card h4{font-weight:700;color:var(--dark);margin-bottom:6px;font-size:.95rem}.feature-card p{font-size:.83rem;color:var(--text-muted);line-height:1.6}.why-us__accreditation{margin-top:36px;padding:20px 24px;background:var(--primary-light);border-radius:var(--r);border:1px solid rgba(30,58,138,.15)}.why-us__accreditation h4{font-size:.9rem;font-weight:700;color:var(--primary);margin-bottom:8px}.why-us__badges{display:flex;gap:10px;flex-wrap:wrap}.why-us__badges span{background:var(--white);padding:5px 12px;border-radius:100px;font-size:.75rem;font-weight:600;color:var(--primary);box-shadow:var(--shadow-sm)}.verse-banner{background:linear-gradient(135deg,var(--primary) 0%,#1e3a8a 100%);padding:72px 0;position:relative;overflow:hidden;text-align:center}.verse-banner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.04'%3E%3Cpath d='M50 50c0-5.523 4.477-10 10-10s10 4.477 10 10-4.477 10-10 10c0 5.523-4.477 10-10 10s-10-4.477-10-10 4.477-10 10-10zM10 10c0-5.523 4.477-10 10-10s10 4.477 10 10-4.477 10-10 10c0 5.523-4.477 10-10 10S0 25.523 0 20s4.477-10 10-10z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.verse-banner__arabic{font-family:var(--font-arabic);font-size:clamp(1.8rem,4vw,3rem);color:var(--white);line-height:1.8;margin-bottom:16px;position:relative;z-index:1}.verse-banner__trans{font-size:1.05rem;color:#ffffffbf;font-style:italic;margin-bottom:10px;position:relative;z-index:1}.verse-banner__ref{font-size:.82rem;color:#ffffff80;letter-spacing:.08em;font-weight:600;position:relative;z-index:1}.verse-banner__divider{width:60px;height:3px;background:var(--accent);border-radius:2px;margin:20px auto}.courses{background:var(--light-2)}.courses__header{text-align:center;margin-bottom:16px}.courses__filters{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:48px}.filter-btn{padding:8px 20px;border-radius:100px;font-size:.85rem;font-weight:600;border:1px solid var(--border-dark);background:var(--white);color:var(--text-muted);cursor:pointer;transition:all .25s ease}.filter-btn.active,.filter-btn:hover{background:var(--primary);color:var(--white);border-color:var(--primary)}.courses__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.course-card{background:var(--white);border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--border);transition:all .3s ease;display:flex;flex-direction:column}.course-card:hover{box-shadow:var(--shadow-md);transform:translateY(-5px)}.course-card__thumb{height:160px;display:flex;align-items:center;justify-content:center;font-size:3.5rem;position:relative;overflow:hidden}.course-card__badge{position:absolute;top:14px;right:14px;padding:4px 10px;border-radius:100px;font-size:.7rem;font-weight:700;background:var(--accent);color:var(--white)}.course-card__body{padding:22px;flex:1;display:flex;flex-direction:column}.course-card__cat{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:8px}.course-card h3{font-size:1.05rem;font-weight:700;color:var(--dark);margin-bottom:8px;line-height:1.35}.course-card p{font-size:.84rem;color:var(--text-muted);line-height:1.65;margin-bottom:18px;flex:1}.course-card__instructor{display:flex;align-items:center;gap:10px;padding:12px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:14px}.course-card__instructor-avatar{width:32px;height:32px;border-radius:50%;background:var(--primary-light);display:flex;align-items:center;justify-content:center;font-size:.9rem;flex-shrink:0}.course-card__instructor span{font-size:.8rem;font-weight:600;color:var(--text)}.course-card__instructor small{font-size:.72rem;color:var(--text-muted);display:block}.course-card__meta{display:flex;align-items:center;justify-content:space-between;font-size:.8rem;color:var(--text-muted)}.course-card__meta span{display:flex;align-items:center;gap:5px}.course-card__enroll{margin-top:16px;width:100%;padding:11px;background:var(--primary);color:var(--white);border:none;border-radius:var(--r);font-size:.9rem;font-weight:700;cursor:pointer;transition:all .25s}.course-card__enroll:hover{background:var(--primary-mid);transform:translateY(-1px);box-shadow:0 6px 20px #1e3a8a4d}.courses__cta{text-align:center;margin-top:48px}.admissions{background:linear-gradient(135deg,var(--primary) 0%,#1e3a8a 100%);color:var(--white);position:relative;overflow:hidden}.admissions:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 70% 50%,rgba(255,255,255,.06) 0%,transparent 60%)}.admissions__inner{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1.4fr;gap:64px;align-items:center}.admissions__left h2{font-family:var(--font-heading);font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:700;margin-bottom:16px;line-height:1.2}.admissions__left p{color:#ffffffbf;line-height:1.7;margin-bottom:28px;font-size:.95rem}.admissions__dates{display:flex;flex-direction:column;gap:12px;margin-bottom:32px}.admissions__date-item{display:flex;align-items:center;gap:16px;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);border-radius:14px;padding:16px 20px;transition:all .2s}.admissions__date-item:hover{background:#ffffff29;transform:translate(4px)}.admissions__date-item .date-icon{font-size:1.6rem;flex-shrink:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#ffffff26;border-radius:10px}.admissions__date-item strong{display:block;font-size:1rem;font-weight:700;margin-bottom:4px;color:var(--white)}.admissions__date-item small{color:#fffc;font-size:.85rem;font-weight:500}.admissions__steps{display:flex;flex-direction:column;gap:16px}.admission-step{display:flex;gap:20px;align-items:flex-start;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:24px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .3s}.admission-step:hover{background:#ffffff24;transform:translate(4px);border-color:#ffffff40}.admission-step__num{width:50px;height:50px;border-radius:50%;background:var(--accent);color:var(--white);font-size:1.1rem;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #d977064d}.admission-step__body h4{font-weight:700;margin-bottom:8px;font-size:1rem;color:var(--white)}.admission-step__body p{font-size:.88rem;color:#ffffffbf;line-height:1.6}.admissions__tag{background:#93c5fd33!important;color:#fbbf24!important;border:1px solid rgba(255,255,255,.25)!important}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:fadeIn .3s ease}.modal-content{background:var(--white);border-radius:20px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}.modal-close{position:absolute;top:20px;right:20px;width:36px;height:36px;border-radius:50%;border:none;background:var(--light);color:var(--text);font-size:1.5rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:1}.modal-close:hover{background:var(--primary);color:var(--white);transform:rotate(90deg)}.modal-header{padding:40px 40px 24px;border-bottom:1px solid var(--border);text-align:center}.modal-header h2{font-family:var(--font-heading);font-size:2rem;font-weight:700;color:var(--dark);margin-bottom:8px}.modal-header p{color:var(--text-muted);font-size:.95rem}.modal-body{padding:32px 40px 40px}.contact-details{display:flex;flex-direction:column;gap:20px;margin-bottom:32px}.contact-item{display:flex;align-items:flex-start;gap:16px;padding:20px;background:var(--light);border-radius:12px;border:1px solid var(--border);transition:all .2s}.contact-item:hover{background:var(--primary-light);border-color:var(--primary);transform:translate(4px)}.contact-icon{font-size:1.8rem;flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--white);border-radius:12px;box-shadow:0 2px 8px #00000014}.contact-info{flex:1;display:flex;flex-direction:column;gap:6px}.contact-info strong{font-size:.85rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.contact-info a,.contact-info span{font-size:1.05rem;font-weight:600;color:var(--primary);text-decoration:none;transition:color .2s}.contact-info a:hover{color:var(--primary-dark);text-decoration:underline}.contact-info span{color:var(--dark)}.modal-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.modal-actions .btn{min-width:140px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.faculty{background:var(--white)}.faculty__header{text-align:center;margin-bottom:56px}.faculty__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.faculty-card{border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--border);transition:all .3s ease;background:var(--white);text-align:center}.faculty-card:hover{box-shadow:var(--shadow-md);transform:translateY(-5px)}.faculty-card__avatar{height:180px;background:var(--grad);display:flex;align-items:center;justify-content:center;font-size:4rem;position:relative;overflow:hidden}.faculty-card__avatar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent 50%,rgba(0,0,0,.3) 100%)}.faculty-card__body{padding:20px 16px 24px}.faculty-card h3{font-size:1rem;font-weight:700;color:var(--dark);margin-bottom:4px}.faculty-card__subject{font-size:.82rem;color:var(--primary);font-weight:600;margin-bottom:10px}.faculty-card__bio{font-size:.8rem;color:var(--text-muted);line-height:1.55;margin-bottom:14px}.faculty-card__tags{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.faculty-card__tags span{padding:3px 10px;border-radius:100px;font-size:.7rem;font-weight:600;background:var(--primary-light);color:var(--primary)}.events-prayer{background:var(--light)}.events-prayer__grid{display:grid;grid-template-columns:1.4fr 1fr;gap:40px;align-items:start}.events-panel,.prayer-panel{background:var(--white);border-radius:var(--r-xl);padding:36px;border:1px solid var(--border)}.panel-title{font-size:1.2rem;font-weight:700;color:var(--dark);margin-bottom:24px;display:flex;align-items:center;gap:10px}.panel-title span{background:var(--primary-light);color:var(--primary);width:34px;height:34px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;font-size:1rem}.event-item{display:flex;gap:16px;align-items:flex-start;padding:16px 0;border-bottom:1px solid var(--border)}.event-item:last-child{border-bottom:none}.event-date-box{min-width:52px;text-align:center;background:var(--primary);border-radius:var(--r);padding:8px 6px;flex-shrink:0}.event-date-box .day{display:block;font-size:1.4rem;font-weight:800;color:var(--white);line-height:1}.event-date-box .month{display:block;font-size:.65rem;color:#fffc;text-transform:uppercase;letter-spacing:.06em;margin-top:3px}.event-info h4{font-size:.95rem;font-weight:700;color:var(--dark);margin-bottom:4px}.event-info p{font-size:.82rem;color:var(--text-muted);line-height:1.5}.event-info .event-meta{display:flex;gap:14px;margin-top:6px;font-size:.75rem;color:var(--text-subtle)}.prayer-row{display:flex;align-items:center;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--border);font-size:.9rem}.prayer-row:last-child{border-bottom:none}.prayer-row .prayer-name{font-weight:700;color:var(--dark)}.prayer-row .prayer-time{font-weight:600;color:var(--primary)}.prayer-row.active-prayer{background:var(--primary-light);padding:13px 12px;border-radius:var(--r);margin:0 -12px;border:none}.prayer-row.active-prayer .prayer-name{color:var(--primary)}.schedule{background:var(--white)}.schedule__grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.schedule-card{background:var(--light);border-radius:var(--r-xl);padding:32px;border:1px solid var(--border)}.schedule-card__title{display:flex;align-items:center;gap:12px;margin-bottom:24px}.schedule-card__title .icon{width:44px;height:44px;border-radius:12px;background:var(--primary);color:var(--white);display:flex;align-items:center;justify-content:center;font-size:1.2rem}.schedule-card__title h3{font-size:1.05rem;font-weight:700;color:var(--dark)}.schedule-row{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:1px dashed var(--border-dark);font-size:.88rem}.schedule-row:last-child{border-bottom:none}.schedule-row .day-name{font-weight:600;color:var(--text)}.schedule-row .time{color:var(--primary);font-weight:700}.schedule-row .type{font-size:.75rem;background:var(--primary-light);color:var(--primary);padding:2px 10px;border-radius:100px;font-weight:600}.jummah-banner{margin-top:32px;background:linear-gradient(135deg,var(--secondary) 0%,var(--secondary-dark) 100%);border-radius:var(--r-xl);padding:32px 40px;color:var(--white);display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.jummah-banner h3{font-size:1.3rem;font-weight:800;margin-bottom:6px}.jummah-banner p{color:#fffc;font-size:.9rem}.jummah-times{display:flex;gap:20px;flex-wrap:wrap}.jummah-time-box{background:#ffffff26;border-radius:var(--r);padding:14px 20px;text-align:center;min-width:110px}.jummah-time-box strong{display:block;font-size:1.3rem;font-weight:800}.jummah-time-box small{font-size:.75rem;color:#ffffffbf}.testimonials{background:linear-gradient(to bottom,#f8fafc,#fff);position:relative;overflow:hidden}.testimonials__header{text-align:center;margin-bottom:64px}.testimonials__header .section-tag{background:#fef3c7;color:#92400e;border-color:#d977064d;box-shadow:0 2px 8px #fbbf2426}.testimonials__slider{position:relative;overflow:hidden;padding:20px 0;margin:0}.testimonials__track{display:flex;transition:transform .6s cubic-bezier(.4,0,.2,1);gap:0;width:100%}.testimonial-card{min-width:calc(33.333% - 18px);width:calc(33.333% - 18px);margin:0 9px;box-sizing:border-box;background:var(--white);border-radius:20px;padding:42px 36px;border:1px solid rgba(30,58,138,.08);flex-shrink:0;box-shadow:0 4px 20px #0000000f;transition:all .3s ease;position:relative;display:flex;flex-direction:column}.testimonial-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #1e3a8a1f;border-color:#1e3a8a26}.testimonial-card__quote-marks{position:absolute;top:24px;left:28px;width:60px;height:60px;display:flex;align-items:flex-start;justify-content:flex-start;opacity:.15;pointer-events:none}.quote-mark{font-size:4.5rem;color:var(--primary);line-height:1;font-family:Georgia,serif;font-weight:700;display:block}.quote-mark--left{transform:translateY(-8px)}.testimonial-card__stars{display:flex;gap:4px;margin-bottom:20px;margin-top:8px}.testimonial-card__stars .star{color:#fbbf24;font-size:1.15rem;line-height:1;filter:drop-shadow(0 1px 2px rgba(251,191,36,.3))}.testimonial-card__text{font-size:1rem;color:var(--text);line-height:1.8;margin-bottom:28px;font-style:italic;flex-grow:1;position:relative;z-index:1;color:#374151}.testimonial-card__author{display:flex;align-items:center;gap:16px;padding-top:20px;border-top:1px solid rgba(30,58,138,.08);margin-top:auto}.testimonial-card__avatar{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--primary) 0%,#1e40af 100%);color:var(--white);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;flex-shrink:0;box-shadow:0 4px 12px #1e3a8a33;border:3px solid rgba(255,255,255,.3)}.testimonial-card__info{display:flex;flex-direction:column;gap:4px}.testimonial-card__name{display:block;font-weight:700;font-size:1rem;color:var(--dark);letter-spacing:-.01em}.testimonial-card__role{font-size:.85rem;color:var(--text-muted);font-weight:500}.testimonials__controls{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:48px}.testimonials__btn{width:48px;height:48px;border-radius:50%;border:2px solid #e5e7eb;background:var(--white);color:#6b7280;font-size:1.25rem;font-weight:600;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0000000d}.testimonials__btn:hover{background:var(--primary);border-color:var(--primary);color:var(--white);transform:scale(1.05);box-shadow:0 4px 12px #1e3a8a40}.testimonials__btn:active{transform:scale(.98)}.testimonials__dots{display:flex;gap:10px;align-items:center}.testimonials__dot{width:10px;height:10px;border-radius:50%;background:#d1d5db;cursor:pointer;transition:all .3s ease;border:none;padding:0}.testimonials__dot:hover{background:var(--primary);transform:scale(1.2)}.testimonials__dot.active{background:var(--primary);width:32px;border-radius:16px;box-shadow:0 2px 8px #1e3a8a4d}.academic-cal{background:var(--light-2)}.academic-cal__inner{display:grid;grid-template-columns:1fr 1.3fr;gap:48px;align-items:start}.cal-widget{background:var(--white);border-radius:var(--r-xl);padding:28px;border:1px solid var(--border)}.cal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.cal-header h3{font-size:1rem;font-weight:700;color:var(--dark)}.cal-nav-btn{width:32px;height:32px;border-radius:var(--r-sm);border:1px solid var(--border-dark);background:var(--white);color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.cal-nav-btn:hover{background:var(--primary);color:var(--white);border-color:var(--primary)}.cal-days-header{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:8px}.cal-days-header span{text-align:center;font-size:.7rem;font-weight:700;color:var(--text-subtle);text-transform:uppercase;letter-spacing:.04em}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.cal-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:500;border-radius:var(--r-sm);cursor:pointer;transition:all .2s;color:var(--text);background:transparent;border:none}.cal-day:hover:not(:disabled){background:var(--primary-light);color:var(--primary)}.cal-day.today{background:var(--primary);color:var(--white);font-weight:700}.cal-day.has-event{position:relative}.cal-day.has-event:after{content:"";position:absolute;bottom:3px;width:4px;height:4px;background:var(--accent);border-radius:50%}.cal-day.other-month{color:var(--text-subtle)}.cal-day:disabled{opacity:.4;cursor:default}.key-dates{display:flex;flex-direction:column;gap:16px}.key-date-item{display:flex;gap:16px;align-items:center;background:var(--white);border-radius:var(--r-lg);padding:18px 20px;border:1px solid var(--border);border-left:4px solid var(--accent);transition:all .3s ease}.key-date-item:hover{box-shadow:var(--shadow);transform:translate(4px)}.key-date-item.blue{border-left-color:var(--primary-mid)}.key-date-item.green{border-left-color:var(--secondary)}.key-date-item.gold{border-left-color:var(--accent)}.key-date-range{min-width:90px;text-align:center}.key-date-range strong{display:block;font-size:.92rem;font-weight:800;color:var(--dark)}.key-date-range small{font-size:.72rem;color:var(--text-muted)}.key-date-info h4{font-size:.92rem;font-weight:700;color:var(--dark);margin-bottom:4px}.key-date-info p{font-size:.8rem;color:var(--text-muted)}.blog{background:var(--white)}.blog__header{text-align:center;margin-bottom:56px}.blog__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.blog-card{border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--border);background:var(--white);transition:all .3s ease;display:flex;flex-direction:column}.blog-card:hover{box-shadow:var(--shadow-md);transform:translateY(-5px)}.blog-card__thumb{height:200px;display:flex;align-items:center;justify-content:center;font-size:3.5rem;position:relative}.blog-card__cat{position:absolute;top:14px;left:14px;padding:4px 12px;background:var(--primary);color:var(--white);border-radius:100px;font-size:.7rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.blog-card__body{padding:24px;flex:1;display:flex;flex-direction:column}.blog-card__meta{display:flex;align-items:center;gap:14px;font-size:.78rem;color:var(--text-muted);margin-bottom:12px}.blog-card__meta span{display:flex;align-items:center;gap:4px}.blog-card h3{font-size:1rem;font-weight:700;color:var(--dark);margin-bottom:10px;line-height:1.4}.blog-card p{font-size:.84rem;color:var(--text-muted);line-height:1.65;flex:1;margin-bottom:18px}.blog-card__link{display:inline-flex;align-items:center;gap:6px;font-size:.84rem;font-weight:700;color:var(--primary);transition:gap .2s}.blog-card__link:hover{gap:10px}.newsletter{background:var(--light)}.newsletter__box{background:linear-gradient(135deg,var(--primary) 0%,#1e40af 100%);border-radius:var(--r-xl);padding:64px;display:grid;grid-template-columns:1fr 1.2fr;gap:48px;align-items:center;position:relative;overflow:hidden}.newsletter__box:before{content:"";position:absolute;top:-60px;right:-60px;width:300px;height:300px;border-radius:50%;background:#ffffff0d}.newsletter__box:after{content:"";position:absolute;bottom:-80px;left:-40px;width:250px;height:250px;border-radius:50%;background:#ffffff0a}.newsletter__left{position:relative;z-index:1}.newsletter__left h2{font-family:var(--font-heading);font-size:clamp(1.6rem,3vw,2.2rem);color:var(--white);font-weight:700;margin-bottom:12px}.newsletter__left p{color:#ffffffbf;font-size:.95rem;line-height:1.7;margin-bottom:20px}.newsletter__perks{display:flex;flex-direction:column;gap:8px}.newsletter__perk{display:flex;align-items:center;gap:10px;font-size:.85rem;color:#ffffffd9}.newsletter__perk-icon{color:#4ade80;font-size:1rem}.newsletter__form{position:relative;z-index:1}.newsletter__form form{display:flex;flex-direction:column;gap:16px}.newsletter__input-group{display:grid;grid-template-columns:1fr 1fr;gap:12px}.newsletter__input{width:100%;padding:14px 18px;border-radius:var(--r);border:1px solid rgba(255,255,255,.2);background:#ffffff1a;color:var(--white);font-size:.9rem;font-family:var(--font-body);outline:none;transition:border-color .2s,background .2s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.newsletter__input::placeholder{color:#ffffff80}.newsletter__input:focus{border-color:#fff9;background:#ffffff26}.newsletter__submit{width:100%;padding:15px;background:var(--accent);color:var(--white);border:none;border-radius:var(--r);font-size:1rem;font-weight:700;cursor:pointer;transition:all .25s;display:flex;align-items:center;justify-content:center;gap:10px}.newsletter__submit:hover{background:var(--accent-dark);transform:translateY(-2px);box-shadow:0 8px 24px #0003}.newsletter__success{display:flex;align-items:center;gap:12px;color:#4ade80;font-weight:600;font-size:.9rem}.footer{background:var(--dark);color:#ffffffbf}.footer__main{display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr;gap:48px;padding:64px 0 48px}.footer__brand .logo{display:flex;align-items:center;gap:12px;margin-bottom:16px}.footer__logo-img{height:64px;width:auto;object-fit:contain;display:block;filter:brightness(0) invert(1)}.footer__brand .logo-icon{width:44px;height:44px;background:linear-gradient(135deg,var(--primary-mid),var(--primary));border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--white);font-family:var(--font-arabic);font-size:1.3rem}.footer__brand .logo-text strong{display:block;color:var(--white);font-size:1rem;font-weight:800}.footer__brand .logo-text span{font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;opacity:.6}.footer__brand p{font-size:.88rem;line-height:1.7;max-width:280px;margin-bottom:24px}.footer__social{display:flex;gap:10px}.social-btn{width:38px;height:38px;border-radius:var(--r-sm);background:#ffffff14;border:1px solid rgba(255,255,255,.1);color:#ffffffa6;display:flex;align-items:center;justify-content:center;font-size:.9rem;cursor:pointer;transition:all .25s}.social-btn:hover{background:var(--primary);border-color:var(--primary);color:var(--white)}.footer__col h4{font-size:.9rem;font-weight:700;color:var(--white);margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid rgba(255,255,255,.08)}.footer__links{display:flex;flex-direction:column;gap:9px}.footer__links a{font-size:.84rem;transition:color .2s,padding-left .2s;display:flex;align-items:center;gap:6px}.footer__links a:hover{color:var(--white);padding-left:4px}.footer__links a:before{content:"›";color:var(--accent);font-weight:700}.footer__contact{display:flex;flex-direction:column;gap:12px}.footer__contact-item{display:flex;gap:10px;align-items:flex-start;font-size:.84rem}.footer__contact-item .icon{color:var(--accent);font-size:1rem;flex-shrink:0;margin-top:2px}.footer__bottom{border-top:1px solid rgba(255,255,255,.08);padding:20px 0;display:flex;align-items:center;justify-content:space-between;font-size:.8rem;flex-wrap:wrap;gap:12px}.footer__bottom a{color:#ffffffa6;transition:color .2s}.footer__bottom a:hover{color:var(--white)}.scroll-top{position:fixed;bottom:30px;right:30px;width:48px;height:48px;background:var(--primary);color:var(--white);border:none;border-radius:var(--r);display:flex;align-items:center;justify-content:center;font-size:1.2rem;cursor:pointer;box-shadow:0 8px 24px #1e3a8a66;transition:all .3s ease;transform:translateY(80px);opacity:0;z-index:999}.scroll-top.show{transform:translateY(0);opacity:1}.scroll-top:hover{background:var(--primary-mid);transform:translateY(-3px)}.skeleton{border-radius:var(--r);background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9,#e2e8f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (max-width: 1200px){.container{width:min(100% - 32px,1200px)}.faculty__grid{grid-template-columns:repeat(2,1fr)}.footer__main{grid-template-columns:1fr 1fr}}@media (max-width: 1024px){.container{width:100%;padding:0 24px}.section-heading{font-size:clamp(1.8rem,5vw,2.5rem)}.section-sub{font-size:1rem}.programs__grid,.courses__grid{grid-template-columns:repeat(2,1fr);gap:20px}.videos-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 900px){:root{--section-py: 64px}.container{width:100%;padding:0 20px}.navbar__nav,.navbar__role,.navbar__cta{display:none}.hamburger{display:flex}.navbar__inner{height:64px;padding:0 14px;gap:0}.navbar__actions{gap:8px;flex-shrink:0}.navbar__brand-text span:first-child{font-size:.9rem}.navbar__brand-text span:last-child{font-size:.64rem}.navbar__logo-icon{width:42px;height:42px;font-size:1.2rem}.navbar__logo-img{height:44px;max-width:130px}.hero{min-height:0;padding:72px 0 0}.hero__inner{grid-template-columns:1fr;text-align:center;gap:24px;padding-bottom:24px}.hero__tagline{max-width:100%}.hero__actions{justify-content:center;flex-wrap:wrap;gap:12px;margin-bottom:28px}.hero__visual{display:none}.hero__title{font-size:clamp(2rem,7vw,2.8rem)}.hero__tagline{font-size:1rem}.about__content{grid-template-columns:1fr;gap:32px}.about__visual{max-width:420px;margin:0 auto}.about__banner-img{height:280px}.programs__grid{grid-template-columns:repeat(2,1fr);gap:16px}.prog-card{padding:20px}.why-us__inner{grid-template-columns:1fr;gap:32px}.why-us__features{grid-template-columns:1fr;gap:16px}.courses__grid{grid-template-columns:repeat(2,1fr);gap:16px}.courses__filters{flex-wrap:wrap;gap:8px;justify-content:center}.filter-btn{padding:8px 16px;font-size:.85rem;white-space:nowrap}.course-card__thumb{height:140px}.course-card__body{padding:18px}.admissions__inner{grid-template-columns:1fr;gap:32px}.admission-step{padding:20px}.events-prayer__grid{grid-template-columns:1fr;gap:20px}.event-card{padding:20px}.schedule__grid{grid-template-columns:1fr;gap:20px}.schedule-card{padding:20px}.schedule-row{padding:12px;font-size:.9rem}.footer__main{grid-template-columns:repeat(2,1fr);gap:32px;padding:48px 0 36px}.videos-grid{grid-template-columns:repeat(2,1fr);gap:16px}.scroll-top{width:44px;height:44px;bottom:20px;right:20px}}@media (max-width: 620px){:root{--section-py: 52px}.container{padding:0 16px}.section-heading{font-size:clamp(1.6rem,7vw,2.2rem)}.section-sub{font-size:.95rem;line-height:1.6}.section-tag{font-size:.75rem;padding:5px 14px}.ann-bar{padding:7px 14px;gap:8px}.ann-bar__label{font-size:.65rem;padding:2px 8px}.ann-bar__text{font-size:.78rem}.ann-bar__desktop-only{display:none!important}.navbar__inner{height:60px;padding:0 12px}.navbar__brand-text span:first-child{font-size:.82rem}.navbar__brand-text span:last-child{font-size:.58rem}.navbar__logo-icon{width:36px;height:36px;font-size:1.1rem}.navbar__logo-img{height:36px;max-width:110px}.navbar__cta{padding:8px 14px;font-size:.82rem}.hero{padding:72px 0 20px;min-height:auto}.hero__badge{font-size:.72rem;padding:6px 12px}.hero__title{font-size:clamp(1.8rem,9vw,2.4rem);line-height:1.2}.hero__tagline{font-size:.95rem}.hero__actions{flex-direction:column;width:100%;gap:10px;margin-bottom:0}.hero__actions .btn{width:100%;justify-content:center;padding:14px 20px}.about__visual{display:none}.about__list-item{gap:12px}.about__list-icon{width:40px;height:40px;font-size:1rem}.about__actions{flex-direction:column}.about__actions .btn{width:100%}.programs__grid{grid-template-columns:1fr;gap:14px}.programs__header{margin-bottom:36px}.prog-card{padding:18px}.prog-card__icon{width:46px;height:46px;font-size:1.5rem}.prog-card h3{font-size:1.1rem}.prog-card__level{font-size:.72rem;padding:4px 10px}.prog-card__meta{gap:10px;font-size:.82rem}.why-us__features{grid-template-columns:1fr;gap:12px}.why-us__badges{flex-wrap:wrap;gap:6px}.why-us__badges span{font-size:.78rem;padding:5px 10px}.why-us__actions{flex-direction:column}.why-us__actions .btn{width:100%}.courses__grid{grid-template-columns:1fr;gap:18px}.courses__header{margin-bottom:28px}.courses__filters{gap:6px;overflow-x:auto;padding-bottom:8px;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none}.courses__filters::-webkit-scrollbar{display:none}.filter-btn{padding:7px 14px;font-size:.8rem;flex-shrink:0}.course-card__thumb{height:160px}.course-card__body{padding:16px}.course-card__body h3{font-size:1rem;line-height:1.3}.course-card__body p{font-size:.84rem;line-height:1.5}.course-card__enroll{padding:10px;font-size:.84rem}.courses__cta .btn{width:100%}.admission-step{padding:16px;gap:12px}.admission-step__num{width:40px;height:40px;font-size:.9rem}.admission-step__body h4{font-size:.98rem}.admission-step__body p{font-size:.84rem}.faculty__grid{grid-template-columns:1fr;gap:18px}.faculty-card{padding:18px}.faculty-card h3{font-size:1.1rem}.event-card{padding:16px}.event-card__date{width:58px;height:58px}.event-card__date-num{font-size:1.4rem}.event-card__date-month{font-size:.68rem}.event-card h3{font-size:1.05rem}.event-card p{font-size:.84rem}.schedule-card{padding:18px}.schedule-card__title{gap:10px;margin-bottom:14px}.schedule-card__title .icon{width:38px;height:38px;font-size:1.3rem}.schedule-card__title h3{font-size:1.05rem}.schedule-row{padding:10px 12px;font-size:.84rem;gap:6px;flex-wrap:wrap}.schedule-row .day-name{font-size:.84rem;min-width:70px}.schedule-row .type{font-size:.74rem}.schedule-row .time{font-size:.84rem;margin-left:auto}.testimonials__header{margin-bottom:36px}.testimonials__slider{overflow:hidden;padding:12px 0 16px}.testimonial-card{padding:28px 20px 24px;border-radius:16px}.testimonial-card__quote-marks{top:16px;left:18px}.quote-mark{font-size:3.2rem}.testimonial-card__text{font-size:.93rem;line-height:1.7;margin-bottom:20px}.testimonial-card__author{gap:12px;padding-top:16px}.testimonial-card__avatar{width:48px;height:48px;font-size:1.3rem}.testimonial-card__name{font-size:.95rem}.testimonial-card__role{font-size:.8rem}.testimonials__controls{gap:12px;margin-top:32px}.testimonials__btn{width:42px;height:42px;font-size:1.1rem}.verse-banner{padding:36px 20px}.verse-banner__arabic{font-size:clamp(1.8rem,6vw,2.4rem)}.verse-banner__trans{font-size:.98rem}.modal-content{max-width:calc(100vw - 24px);margin:16px 12px;border-radius:16px;max-height:calc(100vh - 32px);overflow-y:auto}.modal-header{padding:24px 20px 16px}.modal-header h2{font-size:1.35rem}.modal-header p{font-size:.88rem}.modal-body{padding:20px}.contact-item{padding:14px;gap:12px}.contact-icon{width:40px;height:40px;font-size:1.2rem}.contact-info strong{font-size:.88rem}.contact-info a,.contact-info span{font-size:.84rem}.modal-actions{flex-direction:column;gap:10px}.modal-actions .btn{width:100%}.btn{padding:12px 22px;font-size:.9rem}.btn-lg{padding:14px 26px;font-size:.98rem}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr;gap:18px}.videos-page{padding:80px 0 60px}.videos-page__header h1{font-size:clamp(1.6rem,7vw,2.2rem)}.videos-grid{grid-template-columns:1fr;gap:18px}.video-card__play-button{transform:translate(-50%,-50%) scale(.8)}.video-card__info{padding:14px}.video-card__title{font-size:1rem}.video-card__channel{font-size:.84rem}.audiobooks-page__header h1{font-size:clamp(1.6rem,7vw,2.2rem)}.audiobooks-grid{grid-template-columns:1fr;gap:14px}.audiobook-card{padding:14px}.play-button{width:48px;height:48px;flex-shrink:0}.play-button svg{width:18px;height:18px}.audiobook-card__title{font-size:.98rem}.audiobook-card__reciter{font-size:.84rem}.audiobook-card__duration{font-size:.78rem}.footer__main{grid-template-columns:1fr;gap:28px;padding:40px 0 28px}.footer__col h4{font-size:1.05rem;margin-bottom:14px}.footer__col a,.footer__col p{font-size:.88rem}.footer__bottom{flex-direction:column;gap:12px;text-align:center;padding:20px 0}.scroll-top{width:40px;height:40px;bottom:16px;right:16px;font-size:1.05rem}}@media (max-width: 480px){:root{--section-py: 44px}.container{padding:0 14px}.section-heading{font-size:clamp(1.5rem,8vw,1.95rem)}.section-sub{font-size:.9rem}.hero{padding:64px 0 40px}.hero__title{font-size:clamp(1.65rem,10vw,2rem)}.hero__badge{font-size:.68rem;padding:5px 10px;gap:6px}.prog-card,.course-card,.faculty-card,.event-card,.schedule-card,.video-card,.audiobook-card{min-width:0;box-sizing:border-box}.testimonial-card{padding:22px 16px 20px;border-radius:14px}.courses__filters{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap}.courses__filters::-webkit-scrollbar{display:none}.navbar__cta{padding:7px 12px;font-size:.78rem}.btn{padding:11px 18px;font-size:.86rem}.btn-lg{padding:13px 22px;font-size:.94rem}.verse-banner{padding:28px 16px}.verse-banner__arabic{font-size:clamp(1.5rem,7vw,2rem)}.modal-content{max-width:calc(100vw - 16px);margin:12px 8px;border-radius:14px}}.landing{min-height:100vh;width:100%;background:linear-gradient(135deg,#06091a,#0d1b35 35%,#0f2847 65%,#0a1f0f);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:40px 24px}.landing--exit{animation:landingExit .8s ease forwards}@keyframes landingExit{to{opacity:0;transform:scale(1.04);filter:blur(4px)}}.landing__bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.landing__shape{position:absolute;border-radius:40% 60% 55% 45%/50% 45% 55% 50%;background:radial-gradient(ellipse at center,rgba(30,58,138,.18) 0%,transparent 70%);border:1px solid rgba(99,130,255,.08);animation:shapeFloat linear infinite alternate}@keyframes shapeFloat{0%{transform:rotate(0) scale(1) translate(0)}50%{transform:rotate(90deg) scale(1.05) translate(10px,-15px)}to{transform:rotate(180deg) scale(.97) translate(-8px,10px)}}.landing__star{position:absolute;border-radius:50%;background:#ffffffb3;animation:starTwinkle ease-in-out infinite alternate}@keyframes starTwinkle{0%{opacity:.15;transform:scale(1)}to{opacity:.9;transform:scale(1.6)}}.landing__grid{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cpath d='M60 0 L120 60 L60 120 L0 60Z' fill='none' stroke='%23ffffff' stroke-width='1'/%3E%3Ccircle cx='60' cy='60' r='30' fill='none' stroke='%23ffffff' stroke-width='1'/%3E%3Ccircle cx='60' cy='60' r='10' fill='none' stroke='%23ffffff' stroke-width='1'/%3E%3Cline x1='60' y1='0' x2='60' y2='120' stroke='%23ffffff' stroke-width='.5'/%3E%3Cline x1='0' y1='60' x2='120' y2='60' stroke='%23ffffff' stroke-width='.5'/%3E%3C/svg%3E");background-size:120px 120px}.landing__content{position:relative;z-index:2;width:100%;max-width:1100px;display:flex;flex-direction:column;align-items:center;gap:0}.landing__brand{display:flex;align-items:center;gap:18px;margin-bottom:44px;opacity:0;transform:translateY(-30px);animation:fadeSlideDown .9s .2s ease forwards}@keyframes fadeSlideDown{to{opacity:1;transform:translateY(0)}}.landing__logo-ring{position:relative;width:70px;height:70px;flex-shrink:0}.landing__logo-ring:before,.landing__logo-ring:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:2px solid transparent;animation:logoRing 3s linear infinite}.landing__logo-ring:before{border-top-color:#4f83ff;border-right-color:#4f83ff}.landing__logo-ring:after{border-bottom-color:#22c55e;border-left-color:#22c55e;animation-direction:reverse;animation-duration:2.2s;top:-9px;right:-9px;bottom:-9px;left:-9px}@keyframes logoRing{to{transform:rotate(360deg)}}.landing__logo-icon{width:70px;height:70px;background:linear-gradient(135deg,#1e3a8a,#1d4ed8);border-radius:20px;display:flex;align-items:center;justify-content:center;font-family:var(--font-arabic);font-size:2rem;color:#fff;box-shadow:0 8px 32px #1e3a8a80,inset 0 1px #ffffff26}.landing__brand-text h1{font-size:clamp(1.1rem,2.5vw,1.5rem);font-weight:800;color:#fff;letter-spacing:-.02em;line-height:1.2}.landing__brand-text span{font-size:.78rem;color:#ffffff80;font-weight:500;letter-spacing:.04em}.landing__welcome{text-align:center;margin-bottom:52px;opacity:0;animation:fadeSlideDown .9s .45s ease forwards}.landing__arabic-welcome{font-family:var(--font-arabic);font-size:clamp(1.6rem,4vw,2.4rem);color:#ffffffe6;margin-bottom:10px;text-shadow:0 0 40px rgba(99,130,255,.4)}.landing__heading{font-family:var(--font-heading);font-size:clamp(1.5rem,3.5vw,2.4rem);font-weight:700;color:#fff;margin-bottom:12px;line-height:1.2}.landing__sub{font-size:.98rem;color:#ffffff8c;font-weight:400}.landing__divider{display:flex;align-items:center;gap:12px;justify-content:center;margin-top:24px}.landing__divider span:not(.landing__divider-icon){flex:1;max-width:80px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent)}.landing__divider-icon{color:#f59e0b;font-size:.9rem;animation:spinSlow 8s linear infinite}@keyframes spinSlow{to{transform:rotate(360deg)}}.landing__cards{display:flex;align-items:stretch;gap:0;width:100%;max-width:900px}.landing__cards-or{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:0 24px;flex-shrink:0}.landing__cards-or span{color:#ffffff59;font-size:.75rem;font-weight:700;letter-spacing:.12em}.landing__cards-or-line{flex:1;width:1px;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.15),transparent)}.landing__card{flex:1;position:relative;border:none;border-radius:28px;padding:0;cursor:pointer;overflow:hidden;text-align:left;background:transparent;opacity:0;transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .35s ease}.landing__card--student{animation:cardSlideLeft .9s .65s ease forwards}.landing__card--teacher{animation:cardSlideRight .9s .65s ease forwards}@keyframes cardSlideLeft{0%{opacity:0;transform:translate(-60px)}to{opacity:1;transform:translate(0)}}@keyframes cardSlideRight{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}.landing__card:hover:not(:disabled){transform:translateY(-10px) scale(1.02)}.landing__card:hover:not(:disabled) .landing__card-glow{opacity:1}.landing__card:hover:not(:disabled) .landing__card-arrow{transform:translate(6px)}.landing__card:hover:not(:disabled) .landing__card-icon-ring{transform:scale(1.4);opacity:0}.landing__card--selected{animation:cardPulse .4s ease}@keyframes cardPulse{0%{transform:scale(1)}50%{transform:scale(.97)}to{transform:scale(1)}}.landing__card-glow{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .35s ease;pointer-events:none;z-index:0}.landing__card--student .landing__card-glow{box-shadow:inset 0 0 80px #3b82f640,0 0 60px #3b82f633}.landing__card--teacher .landing__card-glow{box-shadow:inset 0 0 80px #22c55e40,0 0 60px #22c55e33}.landing__card--student .landing__card-inner{background:linear-gradient(145deg,#0f1c41eb,#14285af2);border:1px solid rgba(59,130,246,.25)}.landing__card--teacher .landing__card-inner{background:linear-gradient(145deg,#051e0feb,#0a2d14f2);border:1px solid rgba(34,197,94,.25)}.landing__card-inner{position:relative;z-index:1;padding:44px 36px;border-radius:28px;height:100%;display:flex;flex-direction:column;gap:0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.landing__card-icon-wrap{position:relative;width:84px;height:84px;margin-bottom:28px}.landing__card-emoji{font-size:4rem;line-height:1;display:block;filter:drop-shadow(0 4px 12px rgba(0,0,0,.3))}.landing__card-icon-ring{position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:50%;transition:transform .5s ease,opacity .5s ease;opacity:.4}.landing__card--student .landing__card-icon-ring{border:2px solid rgba(59,130,246,.6)}.landing__card--teacher .landing__card-icon-ring{border:2px solid rgba(34,197,94,.6)}.landing__card-inner h3{font-family:var(--font-heading);font-size:1.65rem;font-weight:700;color:#fff;margin-bottom:12px;line-height:1.2}.landing__card-inner p{font-size:.9rem;color:#fff9;line-height:1.7;margin-bottom:24px}.landing__card-features{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:32px}.landing__card-features span{font-size:.75rem;font-weight:600;padding:5px 12px;border-radius:100px}.landing__card--student .landing__card-features span{background:#3b82f626;color:#93c5fd;border:1px solid rgba(59,130,246,.25)}.landing__card--teacher .landing__card-features span{background:#22c55e26;color:#86efac;border:1px solid rgba(34,197,94,.25)}.landing__card-cta{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-radius:14px;font-weight:700;font-size:1rem;color:#fff;margin-top:auto;transition:padding .25s ease}.landing__card--student .landing__card-cta{background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 6px 24px #1e40af66}.landing__card--teacher .landing__card-cta{background:linear-gradient(135deg,#16a34a,#15803d);box-shadow:0 6px 24px #16a34a66}.landing__card:hover:not(:disabled) .landing__card-cta{padding-left:28px}.landing__card-arrow{font-size:1.3rem;transition:transform .3s ease;display:inline-block}.landing__card-shine{position:absolute;top:-50%;left:-75%;width:50%;height:200%;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.06) 50%,transparent 60%);transform:skew(-15deg);transition:left .6s ease;pointer-events:none;z-index:2}.landing__card:hover .landing__card-shine{left:125%}.landing__footer-note{margin-top:40px;font-size:.78rem;color:#ffffff4d;text-align:center;letter-spacing:.04em;opacity:0;animation:fadeSlideDown .9s 1.1s ease forwards}.videos-page{background:var(--light);min-height:calc(100vh - 72px)}.videos-page__header{text-align:center;margin-bottom:56px}.videos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;margin-top:40px}.video-card{background:var(--white);border-radius:16px;overflow:hidden;border:1px solid var(--border);cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0000000f}.video-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f;border-color:var(--primary)}.video-card__thumbnail{position:relative;width:100%;padding-top:56.25%;background:var(--light);overflow:hidden}.video-card__thumbnail img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.video-card:hover .video-card__thumbnail img{transform:scale(1.05)}.video-card__play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.9;transition:all .3s ease;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))}.video-card:hover .video-card__play-button{opacity:1;transform:translate(-50%,-50%) scale(1.1)}.video-card__duration{position:absolute;bottom:8px;right:8px;background:#000c;color:var(--white);padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:600}.video-card__info{padding:16px}.video-card__title{font-size:1rem;font-weight:700;color:var(--dark);margin-bottom:6px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-card__channel{font-size:.85rem;color:var(--text-muted);font-weight:500}@media (max-width: 768px){.videos-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}}@media (max-width: 620px){.videos-grid{grid-template-columns:1fr;gap:20px}.videos-page__header{margin-bottom:40px}}.audiobooks-page{background:var(--light);min-height:calc(100vh - 72px)}.audiobooks-page__header{text-align:center;margin-bottom:56px}.audiobooks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;margin-top:40px}.audiobook-card{background:var(--white);border-radius:16px;border:1px solid var(--border);transition:all .3s ease;box-shadow:0 2px 8px #0000000f;overflow:hidden}.audiobook-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001f;border-color:var(--primary)}.audiobook-card__content{display:flex;align-items:center;gap:20px;padding:20px}.audiobook-card__play-section{flex-shrink:0}.play-button{width:56px;height:56px;border-radius:50%;background:var(--primary-light);border:2px solid var(--primary);color:var(--primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #1e3a8a26}.play-button:hover{background:var(--primary);color:var(--white);transform:scale(1.05);box-shadow:0 4px 12px #1e3a8a4d}.play-button.playing{background:var(--accent);border-color:var(--accent);color:var(--white)}.play-button svg{width:24px;height:24px}.audiobook-card__info{flex:1;display:flex;flex-direction:column;gap:8px;min-width:0}.audiobook-card__category{display:inline-block;background:var(--primary-light);color:var(--primary);padding:4px 12px;border-radius:12px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;width:fit-content;margin-bottom:4px}.audiobook-card__title{font-size:1.05rem;font-weight:700;color:var(--dark);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0}.audiobook-card__reciter{font-size:.9rem;color:var(--text-muted);font-weight:500;margin:0}.audiobook-card__duration{display:flex;align-items:center;gap:6px;font-size:.85rem;color:var(--primary);font-weight:600;margin-top:4px}.audiobook-card audio{display:none}@media (max-width: 768px){.audiobooks-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}}@media (max-width: 620px){.audiobooks-grid{grid-template-columns:1fr;gap:20px}.audiobooks-page__header{margin-bottom:40px}}@media (max-width: 768px){.landing__cards{flex-direction:column;max-width:460px}.landing__cards-or{flex-direction:row;padding:16px 0;gap:16px}.landing__cards-or-line{flex:1;width:auto;height:1px;background:linear-gradient(to right,transparent,rgba(255,255,255,.15),transparent)}.landing__card-inner{padding:32px 28px}.landing__brand{flex-direction:column;text-align:center}}@media (max-width: 480px){.landing{padding:28px 16px}.landing__card-inner{padding:28px 20px}.landing__card-icon-wrap{width:64px;height:64px}.landing__card-emoji{font-size:3rem}.landing__card-inner h3{font-size:1.35rem}}body.lang-ur,body.lang-ur p,body.lang-ur h1,body.lang-ur h2,body.lang-ur h3,body.lang-ur h4,body.lang-ur h5,body.lang-ur li,body.lang-ur span,body.lang-ur a,body.lang-ur button{font-family:Noto Nastaliq Urdu,Amiri,serif;line-height:1.9}body.lang-ur .navbar__logo-icon,body.lang-ur .navbar__brand-text,body.lang-ur .hero__arabic,body.lang-ur .verse-banner__arabic,body.lang-ur .ann-bar__counter,body.lang-ur .footer__bottom span:first-child{font-family:Amiri,Scheherazade New,serif}[dir=rtl] .navbar__inner,[dir=rtl] .navbar__nav,[dir=rtl] .navbar__actions,[dir=rtl] .hero__inner,[dir=rtl] .hero__actions,[dir=rtl] .about__content{flex-direction:row-reverse}[dir=rtl] .about__list-item{flex-direction:row-reverse;text-align:right}[dir=rtl] .about__actions,[dir=rtl] .why-us__inner,[dir=rtl] .admissions__inner{flex-direction:row-reverse}[dir=rtl] .admission-step{flex-direction:row-reverse;text-align:right}[dir=rtl] .footer__main,[dir=rtl] .footer__bottom{flex-direction:row-reverse}[dir=rtl] .footer__contact-item{flex-direction:row-reverse;text-align:right}[dir=rtl] .faculty-card__tags{justify-content:flex-end}[dir=rtl] .course-card__instructor{flex-direction:row-reverse}[dir=rtl] .course-card__meta{justify-content:flex-end}[dir=rtl] .ann-bar,[dir=rtl] .ann-bar__controls{flex-direction:row-reverse}[dir=rtl] .mobile-nav,[dir=rtl] .dropdown-item{text-align:right}[dir=rtl] .schedule-row{flex-direction:row-reverse}[dir=rtl] .why-us__accreditation,[dir=rtl] .section-heading,[dir=rtl] .section-sub,[dir=rtl] .section-tag,[dir=rtl] .courses__header,[dir=rtl] .faculty__header,[dir=rtl] .testimonials__header,[dir=rtl] .hero__title,[dir=rtl] .hero__tagline,[dir=rtl] .hero__badge,[dir=rtl] .hero__verse-trans{text-align:right}[dir=rtl] .verse-banner__arabic,[dir=rtl] .verse-banner__trans,[dir=rtl] .verse-banner__ref,[dir=rtl] .hero__arabic{text-align:center}[dir=rtl] .footer__brand p,[dir=rtl] .footer__col h4,[dir=rtl] .footer__links li{text-align:right}[dir=rtl] .testimonial-card__author{flex-direction:row-reverse}[dir=rtl] .testimonial-card__text{text-align:right}[dir=rtl] .nav-link.active:after{left:auto;right:0}[dir=rtl] .navbar__lang-btn{font-family:Inter,sans-serif;letter-spacing:0}[dir=rtl] .dropdown-arrow{margin-left:0;margin-right:4px}@media (max-width: 900px){[dir=rtl] .mobile-nav,[dir=rtl] .mobile-nav__dropdown{text-align:right}[dir=rtl] .navbar__brand{flex-direction:row-reverse}}