@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Marcellus&family=Noto+Naskh+Arabic:wght@400;500;600;700&display=swap');

:root,
html[data-theme="dark"],html[data-theme="pitch"],html[data-theme="light"]{
  color-scheme:light!important;
  --lu-white:oklch(1 0 0);--lu-canvas:oklch(.995 .002 250);--lu-soft:oklch(.975 .006 230);
  --lu-mist:oklch(.95 .012 225);--lu-line:oklch(.90 .012 240);--lu-ink:oklch(.22 .025 250);
  --lu-muted:oklch(.46 .025 250);--lu-azure:oklch(.58 .14 240);--lu-jade:oklch(.53 .095 165);
  --lu-violet:oklch(.57 .11 295);--lu-coral:oklch(.67 .12 35);--lu-shadow:0 1px 2px rgb(30 50 70/.04),0 18px 60px rgb(48 72 96/.10);
  --lu-shadow-up:0 2px 3px rgb(30 50 70/.04),0 30px 90px rgb(48 72 96/.15);
  --font-body:'Manrope',system-ui,sans-serif;--font-display:'Marcellus','Manrope',sans-serif;--font-ar:'Noto Naskh Arabic',serif;
  --bg:var(--lu-canvas);--bg-2:var(--lu-soft);--panel:var(--lu-white);--panel-2:var(--lu-soft);
  --ink:var(--lu-ink);--ink-dim:var(--lu-muted);--ink-faint:oklch(.58 .02 250);--line:var(--lu-line);--line-soft:oklch(.94 .008 240);
  --gold:var(--lu-azure);--gold-2:var(--lu-azure);--gold-deep:oklch(.43 .13 240);--emerald:var(--lu-jade);
  --shadow-sm:0 8px 28px rgb(48 72 96/.07);--shadow:var(--lu-shadow);--shadow-gold:0 18px 50px rgb(50 120 190/.16);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:#fff!important}
body{margin:0;background:#fff!important;color:var(--lu-ink)!important;font-family:var(--font-body)!important;line-height:1.65;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(90deg,transparent 49.92%,rgb(70 105 130/.035) 50%,transparent 50.08%),linear-gradient(rgb(70 105 130/.025) 1px,transparent 1px);background-size:100% 100%,100% 72px}
body::after{content:"";position:fixed;width:45vw;height:45vw;right:-20vw;top:12vh;border-radius:50%;z-index:-1;background:radial-gradient(circle,rgb(95 175 210/.08),transparent 68%);pointer-events:none}
h1,h2,h3{color:var(--lu-ink)!important;text-wrap:balance;letter-spacing:-.035em;line-height:1.05}
p{color:var(--lu-muted);text-wrap:pretty}a{color:inherit}::selection{background:oklch(.83 .08 225);color:var(--lu-ink)}
:focus-visible{outline:3px solid color-mix(in oklch,var(--lu-azure) 55%,white);outline-offset:4px}
.reveal,section>*{opacity:1!important;transform:none!important}
.bg-stars,.stage__aurora,.stage__geo,.geo,.noise,.cursor-follower{display:none!important}
[data-theme-toggle],.theme-toggle,.pitch-toggle,.pitch-wrap{display:none!important}

/* navigation */
.topbar,.nav,.site-header,.header{background:rgb(255 255 255/.92)!important;border:0!important;border-bottom:1px solid var(--lu-line)!important;backdrop-filter:blur(20px);box-shadow:0 8px 30px rgb(35 60 80/.04)!important}
.nav{min-height:76px;padding-inline:clamp(1rem,4vw,3rem)!important}.brand{font-family:var(--font-body)!important;font-weight:800!important;letter-spacing:-.025em!important}
.nav__links{gap:.25rem!important}.nav__links a{padding:.65rem .8rem!important;border-radius:12px;color:var(--lu-muted)!important;font-size:.82rem!important;font-weight:650!important;letter-spacing:-.01em!important;text-transform:none!important}
.nav__links a:hover,.nav__links a.active{background:var(--lu-soft)!important;color:var(--lu-ink)!important}.lang__btn,.burger{background:#fff!important;border:1px solid var(--lu-line)!important;color:var(--lu-ink)!important}
.btn,.scene__cta,.academy-pathway__button{border-radius:14px!important;font-family:var(--font-body)!important;font-weight:700!important;letter-spacing:-.015em!important;box-shadow:none!important;transform:none}
.btn--light,.btn--primary{background:var(--lu-ink)!important;color:#fff!important;border-color:var(--lu-ink)!important}.btn--light:hover,.btn--primary:hover{background:var(--lu-azure)!important;border-color:var(--lu-azure)!important;transform:translateY(-2px)}
.btn--ghost{background:#fff!important;color:var(--lu-ink)!important;border:1px solid var(--lu-line)!important}.btn--ghost:hover{border-color:var(--lu-azure)!important;color:var(--lu-azure)!important;transform:translateY(-2px)}

/* cinematic homepage becomes a luminous welcome room */
.stage{min-height:0!important;background:#fff!important;color:var(--lu-ink)!important;display:block!important;padding:clamp(8.5rem,12vw,10rem) 1rem clamp(5rem,8vw,7rem)!important;overflow:hidden;isolation:isolate}
.stage::before{content:"";position:absolute;width:min(78vw,980px);aspect-ratio:1;left:50%;top:48%;translate:-50% -50%;border-radius:50%;border:1px solid var(--lu-line);box-shadow:0 0 0 54px rgb(255 255 255/.7),0 0 0 55px var(--lu-line),0 0 0 118px rgb(248 252 253/.8),0 0 0 119px var(--lu-line);z-index:-1}
.stage::after{content:"✦";position:absolute;right:8%;top:24%;font-size:clamp(3rem,7vw,7rem);font-weight:300;color:oklch(.86 .06 240);filter:drop-shadow(0 18px 20px rgb(45 100 150/.13));transform:rotate(12deg);z-index:-1}
.stage__inner{position:relative;z-index:3;width:min(1020px,100%);text-align:center;margin-inline:auto;opacity:1!important}.stage__bismillah{font-family:var(--font-ar)!important;font-size:clamp(1.25rem,2.6vw,2rem)!important;color:var(--lu-jade)!important;margin-bottom:1.3rem}
.stage__kicker{display:inline-flex!important;background:#fff;border:1px solid var(--lu-line);border-radius:999px;padding:.5rem .8rem!important;color:var(--lu-muted)!important;font-size:.72rem!important;font-weight:700;letter-spacing:.01em!important;text-transform:none!important;box-shadow:0 8px 30px rgb(48 72 96/.07)}
.stage__h1{font-family:var(--font-display)!important;font-size:clamp(2.75rem,6.5vw,5.5rem)!important;max-width:15ch;margin:1.5rem auto 1rem!important;letter-spacing:-.04em!important;line-height:1!important}.stage__scenes{min-height:200px!important}.scene{color:var(--lu-ink)!important}.scene__num{color:var(--lu-azure)!important;font-weight:800!important}.scene__ar{font-family:var(--font-ar)!important;color:var(--lu-jade)!important}.scene h2{font-family:var(--font-display)!important;font-size:clamp(2rem,5vw,4rem)!important}.scene__sub{max-width:56ch!important;margin-inline:auto!important;color:var(--lu-muted)!important}.scene__cta{background:var(--lu-ink)!important;color:white!important;border:0!important;padding:.9rem 1.25rem!important}.stage__rail{background:#fff!important;border:1px solid var(--lu-line)!important;border-radius:18px!important;padding:.4rem!important;box-shadow:var(--lu-shadow);max-width:100%;overflow:auto}.stage__rail button{color:var(--lu-muted)!important;border-radius:12px!important;white-space:nowrap}.stage__rail button.active{background:var(--lu-soft)!important;color:var(--lu-ink)!important}.stage__arrow,.stage__play{background:#fff!important;color:var(--lu-ink)!important;border:1px solid var(--lu-line)!important;box-shadow:var(--lu-shadow)!important}.stage__progress{background:var(--lu-line)!important}.stage__progress span{background:var(--lu-azure)!important}.hero__scroll{color:var(--lu-muted)!important}

/* knowledge constellation */
.knowledge-atlas{position:relative;padding:clamp(5rem,10vw,9rem) 0;background:#fff;border-block:1px solid var(--lu-line);overflow:hidden}
.knowledge-atlas__head{width:min(1180px,calc(100% - 2rem));margin:0 auto 3rem;display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.55fr);gap:3rem;align-items:end}.knowledge-atlas__head h2{font-family:var(--font-display);font-size:clamp(2.4rem,5vw,5rem);margin:.2rem 0}.knowledge-atlas__head p{max-width:48ch;margin:0}.knowledge-atlas__tag{font-weight:800;color:var(--lu-azure);font-size:.78rem}
.knowledge-space{width:min(1120px,calc(100% - 2rem));height:clamp(560px,70vw,720px);margin:auto;position:relative;perspective:1200px;transform-style:preserve-3d}
.knowledge-space__plane{position:absolute;inset:8%;border:1px solid var(--lu-line);border-radius:50%;transform:rotateX(64deg) rotateZ(-8deg);background:radial-gradient(circle at center,rgb(255 255 255/.98) 0 14%,rgb(245 250 252/.9) 15% 16%,transparent 17% 34%,rgb(225 237 242/.55) 35% 35.5%,transparent 36%);box-shadow:0 70px 100px rgb(50 85 110/.12);transition:transform .7s cubic-bezier(.16,1,.3,1)}
.knowledge-space__core{position:absolute;left:50%;top:50%;translate:-50% -50%;width:190px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;text-align:center;background:#fff;border:1px solid var(--lu-line);box-shadow:0 25px 70px rgb(52 100 135/.18),inset 0 0 0 12px var(--lu-soft);z-index:4}.knowledge-space__core strong{font-family:var(--font-display);font-size:1.35rem}.knowledge-space__core span{display:block;color:var(--lu-muted);font-size:.7rem;margin-top:.25rem}
.knowledge-node{--node:var(--lu-azure);position:absolute;left:var(--x);top:var(--y);translate:-50% -50%;width:clamp(130px,16vw,185px);min-height:132px;padding:1rem;border-radius:24px;background:#fff;border:1px solid var(--lu-line);box-shadow:var(--lu-shadow);display:flex;flex-direction:column;justify-content:space-between;text-decoration:none;z-index:3;transform:translateZ(var(--z)) rotateX(calc(var(--tilt-y,0)*1deg)) rotateY(calc(var(--tilt-x,0)*1deg));transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s,border-color .3s}
.knowledge-node:hover{transform:translateZ(calc(var(--z) + 28px)) translateY(-8px);box-shadow:var(--lu-shadow-up);border-color:color-mix(in oklch,var(--node),white 40%)}.knowledge-node::before{content:"";width:34px;height:34px;border-radius:12px;background:color-mix(in oklch,var(--node),white 84%);box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--node),white 62%)}.knowledge-node::after{content:"↗";position:absolute;right:1rem;top:1rem;color:var(--node);font-weight:800}.knowledge-node strong{font-size:1rem;letter-spacing:-.02em}.knowledge-node span{font-size:.72rem;color:var(--lu-muted);line-height:1.4}.knowledge-node:nth-of-type(2){--node:var(--lu-jade)}.knowledge-node:nth-of-type(3){--node:var(--lu-violet)}.knowledge-node:nth-of-type(4){--node:var(--lu-coral)}.knowledge-node:nth-of-type(5){--node:oklch(.61 .11 85)}.knowledge-node:nth-of-type(6){--node:oklch(.56 .11 200)}

/* all shared content surfaces */
.section{padding-block:clamp(4.5rem,9vw,8rem)!important}.wrap{width:min(1180px,calc(100% - 2rem))!important}.h-display,.shead h2,.phero h1,.hero h1{font-family:var(--font-display)!important;font-size:clamp(2.45rem,5vw,5rem)!important;letter-spacing:-.04em!important}.eyebrow,.pathways__label,.chapter-label__en{font-family:var(--font-body)!important;font-size:.75rem!important;letter-spacing:0!important;text-transform:none!important;font-weight:800!important;color:var(--lu-azure)!important}.eyebrow::before{display:none!important}
.glass,.card,.feature,.panel,.imgcard,.stats,.cta,.sira-teaser,.academy-pathway,.hadith-box,.science-box,.miraj-heaven,.sunnah-card,.angel-card,.aff-box,.news__box{background:#fff!important;color:var(--lu-ink)!important;border:1px solid var(--lu-line)!important;box-shadow:var(--lu-shadow)!important;border-radius:24px!important;backdrop-filter:none!important}.card::before,.feature::before,.sira-teaser::before,.hadith-box::before,.science-box::before{display:none!important}.card:hover,.feature:hover,.sira-teaser:hover{transform:translateY(-5px)!important;box-shadow:var(--lu-shadow-up)!important;border-color:oklch(.80 .04 235)!important}.lead{color:var(--lu-muted)!important;max-width:68ch!important}.stats{overflow:hidden;display:grid!important;grid-template-columns:repeat(4,1fr)!important}.stat{padding:2rem!important;border-color:var(--lu-line)!important}.stat b{font-family:var(--font-display)!important;color:var(--lu-ink)!important}.stat:nth-child(2n){background:var(--lu-soft)}
.pathways{background:var(--lu-soft)!important}.pathways__layout{gap:clamp(3rem,8vw,8rem)!important}.pathways__intro h2{font-family:var(--font-display)!important}.star-map{background:transparent!important}.star-link{background:#fff!important;border:1px solid var(--lu-line)!important;box-shadow:var(--lu-shadow)!important;border-radius:22px!important;color:var(--lu-ink)!important}.star-link:hover{transform:translateY(-5px)!important;border-color:var(--lu-azure)!important}.star-link__shape{color:var(--lu-azure)!important}.star-link small{color:var(--lu-muted)!important}
.sira-showcase,.stage,.hero,.phero{background:var(--lu-canvas)!important}.sira-teaser-grid{grid-template-columns:repeat(12,1fr)!important}.sira-teaser{grid-column:span 4!important}.sira-teaser:nth-child(1),.sira-teaser:nth-child(6){grid-column:span 6!important}.sira-teaser__ic{color:var(--lu-azure)!important}.imgcard{overflow:hidden}.imgcard img{filter:saturate(.65) contrast(.96)!important}.imgcard figcaption{background:rgb(255 255 255/.9)!important;color:var(--lu-ink)!important}
.ad-band{background:var(--lu-soft)!important;border-color:var(--lu-line)!important}.cta::before{background:radial-gradient(circle at 50% 0,rgb(110 185 215/.15),transparent 55%)!important}.donate-cta{border-color:var(--lu-line)!important}.footer,footer{background:#fff!important;color:var(--lu-muted)!important;border-color:var(--lu-line)!important}.footer h4{letter-spacing:0!important;text-transform:none!important;color:var(--lu-ink)!important}.footer a:hover{color:var(--lu-azure)!important}
input,select,textarea{background:#fff!important;color:var(--lu-ink)!important;border:1px solid var(--lu-line)!important;box-shadow:0 6px 18px rgb(40 65 85/.05)!important}input::placeholder,textarea::placeholder{color:oklch(.48 .02 250)!important}

/* floating knowledge dock */
.fab-dock{z-index:90!important}.fab{background:#fff!important;color:var(--lu-ink)!important;border:1px solid var(--lu-line)!important;backdrop-filter:none!important;box-shadow:var(--lu-shadow)!important}.fab--donate{background:var(--lu-ink)!important;color:#fff!important}.fab--donate svg{color:#fff!important}.fab-panel{background:#fff!important;border:1px solid var(--lu-line)!important;backdrop-filter:none!important;box-shadow:var(--lu-shadow-up)!important}.fab-panel a{color:var(--lu-muted)!important}.fab-panel a:hover{background:var(--lu-soft)!important;color:var(--lu-ink)!important}.fab-grp{background:#fff!important;color:var(--lu-muted)!important;letter-spacing:0!important;text-transform:none!important}.tool-orbit__button{background:var(--lu-ink)!important;color:#fff!important;border:0!important;box-shadow:var(--lu-shadow-up)!important}.tool-orbit__menu{background:#fff!important;border:1px solid var(--lu-line)!important;box-shadow:var(--lu-shadow-up)!important}.tool-orbit__menu a{color:var(--lu-ink)!important}.tool-orbit__menu a:hover{background:var(--lu-soft)!important}

@media(max-width:900px){.knowledge-atlas__head{grid-template-columns:1fr}.knowledge-space{height:760px}.knowledge-space__plane{inset:18% 0}.knowledge-node{width:145px}.sira-teaser,.sira-teaser:nth-child(1),.sira-teaser:nth-child(6){grid-column:span 6!important}.stats{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:640px){.stage{padding-top:8rem!important}.stage::before{width:94vw}.stage__rail{justify-content:flex-start!important}.knowledge-space{height:auto;display:grid;grid-template-columns:1fr 1fr;gap:.8rem;perspective:none}.knowledge-space__plane,.knowledge-space__core{display:none}.knowledge-node{position:relative!important;left:auto!important;top:auto!important;translate:none!important;width:auto;min-height:150px;transform:none!important}.sira-teaser,.sira-teaser:nth-child(1),.sira-teaser:nth-child(6){grid-column:1/-1!important}.stats{grid-template-columns:1fr 1fr!important}.section{padding-block:4rem!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.knowledge-node,.knowledge-space__plane,.card,.feature{transition:none!important;transform:none!important}.reveal{opacity:1!important;transform:none!important}}

/* Premium spatial material: rounded windows and translucent controls. */
.btn,.scene__cta,.academy-pathway__button{border-radius:18px!important;font-family:var(--font-body)!important;font-weight:750!important;letter-spacing:-.015em!important;background:rgb(255 255 255/.68)!important;color:var(--lu-ink)!important;border:1px solid rgb(255 255 255/.94)!important;backdrop-filter:blur(18px) saturate(1.25)!important;box-shadow:inset 0 1px 0 #fff,0 1px 2px rgb(40 65 85/.08),0 12px 30px rgb(45 75 100/.11)!important}
.btn:hover,.scene__cta:hover,.academy-pathway__button:hover{background:rgb(255 255 255/.92)!important;color:var(--lu-azure)!important;border-color:color-mix(in oklch,var(--lu-azure),white 58%)!important;box-shadow:inset 0 1px 0 #fff,0 18px 42px rgb(45 90 125/.16)!important;transform:translateY(-3px)!important}
.btn--light,.btn--primary{background:rgb(28 35 45/.88)!important;color:#fff!important;border-color:rgb(255 255 255/.16)!important;box-shadow:inset 0 1px 0 rgb(255 255 255/.18),0 18px 36px rgb(28 45 65/.18)!important}.btn--light:hover,.btn--primary:hover{background:rgb(35 65 90/.92)!important;color:#fff!important}
.btn--ghost{background:rgb(255 255 255/.62)!important;color:var(--lu-ink)!important}
.glass,.card,.feature,.panel,.imgcard,.stats,.cta,.sira-teaser,.academy-pathway,.hadith-box,.science-box,.miraj-heaven,.sunnah-card,.angel-card,.aff-box,.news__box{background:rgb(255 255 255/.82)!important;border:1px solid rgb(255 255 255/.96)!important;border-radius:32px!important;backdrop-filter:blur(14px) saturate(1.12)!important;box-shadow:inset 0 1px 0 #fff,0 0 0 1px rgb(65 95 120/.07),0 24px 70px rgb(48 72 96/.11)!important}
.card:hover,.feature:hover,.sira-teaser:hover{transform:translateY(-7px) rotateX(1deg)!important;box-shadow:inset 0 1px 0 #fff,0 0 0 1px rgb(75 130 170/.10),0 36px 90px rgb(48 82 108/.16)!important;border-color:#fff!important}
.fab,.tool-orbit__button{backdrop-filter:blur(20px) saturate(1.2)!important;box-shadow:inset 0 1px 0 rgb(255 255 255/.25),var(--lu-shadow-up)!important}.fab-panel,.tool-orbit__menu{background:rgb(255 255 255/.88)!important;border:1px solid #fff!important;border-radius:28px!important;backdrop-filter:blur(24px) saturate(1.2)!important;box-shadow:var(--lu-shadow-up)!important}

/* Bespoke welcome window replaces the legacy carousel. */
.stage{background:#fff!important;min-height:0!important;padding:clamp(8.5rem,11vw,10rem) 1rem clamp(4.5rem,7vw,6.5rem)!important}
.luminous-hero{position:relative;z-index:3;max-width:980px;margin-inline:auto;text-align:center}.luminous-hero__arabic{margin:0 0 1rem;font-family:var(--font-ar);font-size:clamp(1.35rem,2.5vw,2rem);color:var(--lu-jade)}
.luminous-hero__badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .78rem;border:1px solid var(--lu-line);border-radius:999px;background:rgb(255 255 255/.72);box-shadow:0 8px 30px rgb(48 72 96/.07);font-size:.72rem;font-weight:750;color:var(--lu-muted)}.luminous-hero__badge i{width:7px;height:7px;border-radius:50%;background:var(--lu-jade);box-shadow:0 0 0 5px color-mix(in oklch,var(--lu-jade),white 82%)}
.luminous-hero h1{max-width:13ch;margin:1.4rem auto 1.25rem;font-family:var(--font-display);font-size:clamp(3rem,7vw,6rem);line-height:.98;letter-spacing:-.04em}.luminous-hero__lead{max-width:62ch;margin:0 auto;font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.75}.luminous-hero__actions{display:flex;justify-content:center;gap:.75rem;flex-wrap:wrap;margin-top:2rem}.luminous-hero__actions .btn{padding:.9rem 1.2rem!important}
.luminous-hero__quick{display:grid;grid-template-columns:repeat(3,1fr);max-width:760px;margin:3.2rem auto 0;border:1px solid var(--lu-line);border-radius:28px;background:rgb(255 255 255/.68);backdrop-filter:blur(18px);box-shadow:var(--lu-shadow);overflow:hidden}.luminous-hero__quick a{display:flex;align-items:center;gap:.8rem;padding:1.05rem 1.15rem;text-decoration:none;color:var(--lu-ink);transition:background .25s,color .25s}.luminous-hero__quick a+a{border-inline-start:1px solid var(--lu-line)}.luminous-hero__quick a:hover{background:var(--lu-soft);color:var(--lu-azure)}.luminous-hero__quick b{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:var(--lu-soft);color:var(--lu-azure);font-size:.68rem}.luminous-hero__quick span{font-size:.78rem;font-weight:700;text-align:start}
@media(max-width:640px){.luminous-hero h1{font-size:clamp(2.75rem,14vw,4.2rem)}.luminous-hero__quick{grid-template-columns:1fr}.luminous-hero__quick a+a{border-inline-start:0;border-top:1px solid var(--lu-line)}}