:root{--navy:#0B2540;--navy-deep:#061525;--navy-mid:#0d2d4a;--gold:#C9A24B;--gold-bright:#E0C375;--gold-dim:rgba(201,162,75,0.15);--gold-glow:rgba(224,195,117,0.22);--ivory:#F5F1E6;--ivory-dim:rgba(245,241,230,0.65);--emerald:#3D6B5C;--emerald-bright:#5A9B84;--cyan:#7FB6C9;--line:rgba(201,162,75,0.18);--line-bright:rgba(201,162,75,0.45);--glass:rgba(11,37,64,0.55)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--navy-deep);color:var(--ivory);font-family:Inter,sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased}@media (prefers-reduced-motion:reduce){*{animation-duration:0s!important;transition-duration:0s!important}}.wrap{max-width:1180px;margin:0 auto;padding:0 40px}.eyebrow{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);display:flex;align-items:center;gap:12px}.eyebrow::before{content:"";width:22px;height:1px;background:linear-gradient(90deg,transparent,var(--gold));display:inline-block}h1,h2,h3{font-family:'Cormorant Garamond',serif;font-weight:600;letter-spacing:.01em}.arabic{font-family:Amiri,serif}.geo-corner{position:absolute;width:56px;height:56px;pointer-events:none;opacity:.55}.geo-corner svg{width:100%;height:100%}.geo-tl{top:20px;left:20px}.geo-tr{top:20px;right:20px;transform:scaleX(-1)}.geo-bl{bottom:20px;left:20px;transform:scaleY(-1)}.geo-br{bottom:20px;right:20px;transform:scale(-1)}nav{position:fixed;top:0;left:0;right:0;z-index:51;background:rgba(6,21,37,.82);backdrop-filter:blur(14px) saturate(1.4);-webkit-backdrop-filter:blur(14px) saturate(1.4);border-bottom:1px solid var(--line)}nav::after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0,var(--gold) 30%,var(--gold-bright) 50%,var(--gold) 70%,transparent 100%);opacity:.4}nav .wrap{display:flex;align-items:center;justify-content:space-between;height:74px}.logo{font-family:'Cormorant Garamond',serif;font-size:22px;font-weight:700;color:var(--gold-bright);display:flex;align-items:center;gap:11px;text-decoration:none;text-shadow:0 0 18px rgba(224,195,117,.4)}.logo .mark{width:28px;height:28px;border:1px solid var(--gold);transform:rotate(45deg);position:relative;flex-shrink:0;transition:box-shadow .35s}.logo .mark::before{content:"";position:absolute;inset:5px;border:1px solid var(--gold)}.logo .mark::after{content:"";position:absolute;inset:10px;background:var(--gold);opacity:.35}.logo:hover .mark{box-shadow:0 0 18px rgba(201,162,75,.4)}.logo-img{width:34px;height:34px;border-radius:50%;object-fit:cover;flex-shrink:0;box-shadow:0 0 0 1px var(--gold),0 0 14px rgba(201,162,75,.35);transition:box-shadow .35s}.logo:hover .logo-img{box-shadow:0 0 0 1px var(--gold-bright),0 0 22px rgba(224,195,117,.55)}.navlinks{display:flex;gap:36px;font-size:14px;align-items:center}.navlinks a{color:var(--ivory);text-decoration:none;opacity:.7;transition:opacity .25s,color .25s;position:relative}.navlinks a::after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:1px;background:var(--gold-bright);transform:scaleX(0);transition:transform .3s}.navlinks a:hover{opacity:1;color:var(--gold-bright)}.navlinks a:hover::after{transform:scaleX(1)}.nav-dropdown{position:relative}.nav-dropdown-toggle{display:inline-flex;align-items:center;gap:6px;cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:14px}.nav-dropdown-toggle .chev{width:8px;height:8px;flex-shrink:0;transition:transform .3s;opacity:.55}.nav-dropdown:focus-within .nav-dropdown-toggle .chev,.nav-dropdown:hover .nav-dropdown-toggle .chev{transform:rotate(180deg);opacity:.9}.nav-dropdown-menu{position:absolute;top:100%;left:50%;transform:translateX(-50%);padding-top:16px;width:230px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease,visibility .25s ease;z-index:60}.nav-dropdown:focus-within .nav-dropdown-menu,.nav-dropdown:hover .nav-dropdown-menu{opacity:1;visibility:visible;pointer-events:auto}.nav-dropdown-menu-inner{background:rgba(6,21,37,.97);backdrop-filter:blur(14px) saturate(1.4);-webkit-backdrop-filter:blur(14px) saturate(1.4);border:1px solid var(--line-bright);border-radius:2px;padding:8px;display:flex;flex-direction:column;gap:2px;box-shadow:0 24px 50px rgba(0,0,0,.5)}.nav-dropdown-menu-inner a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 14px;font-size:13px;opacity:.75;border-radius:1px;transition:background .2s,opacity .2s,color .2s}.nav-dropdown-menu-inner a::after{display:none}.nav-dropdown-menu-inner a:hover{opacity:1;color:var(--gold-bright);background:rgba(201,162,75,.08)}.nav-dropdown-menu-inner .nd-tag{font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:.05em;color:var(--gold-bright);border:1px solid rgba(201,162,75,.4);padding:1.5px 7px;border-radius:10px;flex-shrink:0}.nav-cta{border:1px solid var(--gold);color:var(--gold);padding:9px 22px;font-size:12px;border-radius:1px;text-decoration:none;transition:all .35s;font-family:'JetBrains Mono',monospace;letter-spacing:.08em;position:relative;overflow:hidden}.nav-cta::before{content:"";position:absolute;inset:0;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .35s;z-index:-1}.nav-cta:hover{color:var(--navy-deep)}.nav-cta:hover::before{transform:scaleX(1)}.hero{position:relative;min-height:100vh;display:flex;align-items:center;padding-top:74px;padding-bottom:80px;overflow:hidden}.hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 50% -10%,rgba(127,182,201,.08),transparent 65%),radial-gradient(ellipse 50% 40% at 80% 60%,rgba(201,162,75,.05),transparent 60%),linear-gradient(180deg,var(--navy-deep) 0,#0a2038 60%,var(--navy-deep) 100%);z-index:0}.hero-scene{position:absolute;top:0;left:0;width:100%;height:100vh;overflow:hidden;pointer-events:none}#spaceCanvas{position:absolute;inset:0;z-index:1;width:100%;height:100%}#threeCanvas{position:absolute;inset:0;z-index:1;width:100%;height:100%}#pageStarCanvas{position:fixed;inset:0;z-index:0;width:100%;height:100%;pointer-events:none}#mandalaCanvas{position:absolute;inset:0;z-index:2;width:100%;height:100%;pointer-events:none;opacity:.22}.hero-depth-mask{position:absolute;z-index:3;left:50%;top:50%;width:min(980px,92%);height:74%;transform:translate(-50%,-50%);pointer-events:none;background:radial-gradient(ellipse 60% 55% at 50% 50%,rgba(6,16,28,.42) 0,rgba(6,16,28,.24) 40%,rgba(6,16,28,.08) 68%,rgba(6,16,28,0) 100%)}.hero-content{position:relative;z-index:4;max-width:960px;margin:0 auto;text-align:center;padding:48px 0 80px}.bait-hikmah-monument{position:fixed;left:clamp(20px,7.4vw,90px);bottom:clamp(12px,2.8vw,26px);width:clamp(150px,17vw,244px);z-index:45;pointer-events:none;filter:drop-shadow(0 10px 22px rgba(0,0,0,.5));animation:bhIntro 2.2s .7s cubic-bezier(.16,1,.3,1) both;transition:opacity .6s cubic-bezier(.4,0,.2,1)}.bait-hikmah-monument.bh-hidden{opacity:0!important}.bh-float{animation:bhFloat 6.5s ease-in-out infinite}.bait-hikmah-monument svg{width:100%;height:auto;display:block}.bh-window{animation:bhGlowPulse 3.4s ease-in-out infinite}.bh-halo{animation:bhHaloPulse 5s ease-in-out infinite}.bh-star{animation:bhTwinkle 3.2s ease-in-out infinite;transform-origin:center;transform-box:fill-box}.bh-moon{animation:bhHaloPulse 7s ease-in-out infinite}.bh-lens{animation:bhGlowPulse 2.6s ease-in-out infinite}.bh-dome-l{animation:bhDomeOpenL 16s cubic-bezier(.6,0,.4,1) infinite;transform-box:fill-box;transform-origin:100% 100%}.bh-dome-r{animation:bhDomeOpenR 16s cubic-bezier(.6,0,.4,1) infinite;transform-box:fill-box;transform-origin:0% 100%}.bh-rocket-launch{animation:bhRocketLaunch 16s linear infinite;transform-box:view-box;transform-origin:0 0}.bh-rocket-flame{animation:bhFlameFlicker .35s ease-in-out infinite;transform-box:fill-box;transform-origin:50% 0%}.bh-smoke{opacity:0;animation:bhSmokePuff 16s ease-out infinite;transform-box:fill-box;transform-origin:50% 100%}@keyframes bhDomeOpenL{0%,33%{transform:translateX(0) rotate(0)}40%,60%{transform:translateX(-40px) rotate(-11deg)}100%,72%{transform:translateX(0) rotate(0)}}@keyframes bhDomeOpenR{0%,33%{transform:translateX(0) rotate(0)}40%,60%{transform:translateX(40px) rotate(11deg)}100%,72%{transform:translateX(0) rotate(0)}}@keyframes bhRocketLaunch{0%,36%{transform:translate(0,0);opacity:0}39%{transform:translate(0,0);opacity:1}40.5%{transform:translate(.6px,-1px);opacity:1}42%{transform:translate(-.6px,0);opacity:1}43.5%{transform:translate(.4px,-1px);opacity:1}45%{transform:translate(0,0);opacity:1}47%{transform:translate(0,-4px);opacity:1}50%{transform:translate(0,-16px);opacity:1}54%{transform:translate(0,-42px);opacity:1}58%{transform:translate(0,-82px);opacity:1}63%{transform:translate(0,-150px);opacity:1}69%{transform:translate(0,-260px);opacity:1}76%{transform:translate(0,-420px);opacity:1}84%{transform:translate(0,-650px);opacity:1}91%{transform:translate(0,-900px);opacity:.55}97%{transform:translate(0,-1080px);opacity:0}100%{transform:translate(0,0);opacity:0}}@keyframes bhFlameFlicker{0%,100%{transform:scaleY(1) scaleX(1);opacity:.88}50%{transform:scaleY(1.28) scaleX(.82);opacity:1}}@keyframes bhSmokePuff{0%,38%{opacity:0;transform:scale(.4) translateY(0)}45%{opacity:.9;transform:scale(.9) translateY(-2px)}65%{opacity:.65;transform:scale(2.6) translateY(-26px)}100%,85%{opacity:0;transform:scale(4.4) translateY(-54px)}}.bh-label{margin-top:8px;text-align:center;font-family:'JetBrains Mono',monospace;font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-bright);opacity:.78;white-space:nowrap}.bh-line{display:block;width:34px;height:1px;margin:0 auto 6px;background:linear-gradient(90deg,transparent,rgba(201,162,75,.6),transparent)}@keyframes bhIntro{0%{opacity:0;filter:blur(11px) drop-shadow(0 10px 22px rgba(0,0,0,0))}100%{opacity:1;filter:blur(0px) drop-shadow(0 10px 22px rgba(0,0,0,.5))}}@keyframes bhFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes bhGlowPulse{0%,100%{opacity:.55}50%{opacity:1}}@keyframes bhHaloPulse{0%,100%{opacity:.32}50%{opacity:.62}}@keyframes bhTwinkle{0%,100%{opacity:.25;transform:scale(.8)}50%{opacity:1;transform:scale(1.25)}}@media (max-width:640px){.bait-hikmah-monument{width:clamp(110px,30vw,155px);left:clamp(8px,4vw,24px);bottom:10px;opacity:.92}.bh-label{font-size:7.5px;letter-spacing:.1em}}@media (prefers-reduced-motion:reduce){.bait-hikmah-monument,.bh-dome-l,.bh-dome-r,.bh-float,.bh-halo,.bh-lens,.bh-moon,.bh-rocket-flame,.bh-rocket-launch,.bh-smoke,.bh-star,.bh-window{animation:none!important}.bait-hikmah-monument{opacity:1;filter:drop-shadow(0 10px 22px rgba(0,0,0,.5))}.bh-rocket-launch{opacity:0}}.atom-monument{position:fixed;right:clamp(20px,7.4vw,90px);bottom:clamp(12px,2.8vw,26px);width:clamp(108px,12vw,176px);z-index:45;pointer-events:none;filter:drop-shadow(0 10px 22px rgba(0,0,0,.5));animation:bhIntro 2.2s 1s cubic-bezier(.16,1,.3,1) both;transition:opacity .6s cubic-bezier(.4,0,.2,1)}.atom-monument.atom-hidden{opacity:0!important}.atom-float{animation:bhFloat 7s ease-in-out infinite;animation-delay:.8s}.atom-monument svg{width:100%;height:auto;display:block}.atom-label{margin-top:8px;text-align:center;font-family:'JetBrains Mono',monospace;font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-bright);opacity:.78;white-space:nowrap}.atom-line{display:block;width:34px;height:1px;margin:0 auto 6px;background:linear-gradient(90deg,transparent,rgba(201,162,75,.6),transparent)}.atom-nucleus-pulse{animation:bhGlowPulse 2.2s ease-in-out infinite}@keyframes atomOrbit1{from{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes atomOrbit2{from{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes atomOrbit3{from{transform:rotate(60deg)}to{transform:rotate(420deg)}}@media (max-width:640px){.atom-monument{width:clamp(80px,22vw,112px);right:clamp(10px,5vw,30px);bottom:10px;opacity:.92}.atom-label{font-size:7.5px;letter-spacing:.1em}}@media (prefers-reduced-motion:reduce){.atom-electron,.atom-float,.atom-monument,.atom-nucleus-pulse,.atom-orbit-1,.atom-orbit-2,.atom-orbit-3{animation:none!important}.atom-monument{opacity:1;filter:drop-shadow(0 10px 22px rgba(0,0,0,.5))}}.hero-eyebrow-row{display:flex;align-items:center;justify-content:center;gap:18px;margin-bottom:30px}.hero-eyebrow-row .hline{width:52px;height:1px;background:linear-gradient(90deg,transparent,rgba(201,162,75,.55))}.hero-eyebrow-row .hline.right{background:linear-gradient(90deg,rgba(201,162,75,.55),transparent)}.hero-eyebrow{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold-bright);border:1px solid rgba(201,162,75,.3);padding:9px 24px;border-radius:1px;white-space:nowrap;background:rgba(201,162,75,.04)}.hero-content h1{font-size:clamp(42px,6.5vw,84px);line-height:1.06;color:var(--ivory);margin-top:20px;font-weight:700;letter-spacing:-.01em}.hero-content h1 em{font-style:italic;color:var(--gold-bright);text-shadow:0 0 40px rgba(224,195,117,.3),0 0 80px rgba(224,195,117,.12)}.hero-divider{display:flex;align-items:center;justify-content:center;width:300px;margin:40px auto 0}.hero-divider .seg{flex:1;height:1px}.hero-divider .seg.l{background:linear-gradient(90deg,transparent,rgba(201,162,75,.7))}.hero-divider .seg.r{background:linear-gradient(90deg,rgba(201,162,75,.7),transparent)}.hero-divider .dot{width:7px;height:7px;border-radius:50%;background:var(--gold-bright);margin:0 12px;box-shadow:0 0 14px rgba(224,195,117,.9),0 0 30px rgba(224,195,117,.4)}.hero-sub{margin:38px auto 0;font-size:17.5px;line-height:1.75;color:rgba(245,241,230,.7);max-width:580px;font-weight:300}.bait-highlight{font-style:italic;font-weight:600;color:var(--gold-bright);text-shadow:0 0 16px rgba(224,195,117,.38)}.hero-cta{margin-top:50px;margin-bottom:60px;display:flex;gap:18px;flex-wrap:wrap;justify-content:center}.hero-stats{display:flex;gap:0;margin-top:80px;justify-content:center;border:1px solid var(--line);background:rgba(11,37,64,.4);backdrop-filter:blur(10px);max-width:600px;margin-left:auto;margin-right:auto;margin-top:72px}.hero-stats>div{flex:1;text-align:center;padding:28px 20px;border-right:1px solid var(--line);transition:background .35s}.hero-stats>div:last-child{border-right:none}.hero-stats>div:hover{background:rgba(201,162,75,.05)}.hstat-num{font-family:'Cormorant Garamond',serif;font-size:46px;font-weight:700;color:var(--gold-bright);line-height:1;text-shadow:0 0 20px rgba(224,195,117,.25)}.hstat-label{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:rgba(245,241,230,.45);margin-top:8px}.hstat-sub{font-size:11px;color:rgba(245,241,230,.28);margin-top:3px}.qt-terminal{position:relative;z-index:4;width:100%;max-width:660px;margin:64px auto 0;background:rgba(8,26,46,.8);backdrop-filter:blur(18px) saturate(1.3);-webkit-backdrop-filter:blur(18px) saturate(1.3);border:1px solid rgba(201,162,75,.25);border-radius:4px;overflow:hidden;box-shadow:0 32px 80px rgba(0,0,0,.45),inset 0 1px 0 rgba(201,162,75,.12);animation:cardfloat 8s ease-in-out infinite;font-family:'JetBrains Mono',monospace}.qt-header{display:flex;align-items:center;justify-content:space-between;padding:7px 16px;border-bottom:1px solid rgba(201,162,75,.15);background:rgba(201,162,75,.04)}.qt-header-left{display:flex;align-items:center;gap:8px}.qt-dot{width:8px;height:8px;border-radius:50%}.qt-header-title{font-size:10px;letter-spacing:3px;color:rgba(201,162,75,.65);text-transform:uppercase}.qt-header-right{font-size:9px;color:rgba(201,162,75,.4);letter-spacing:2px}.qt-body{padding:16px 20px;min-height:80px;position:relative}.qt-scanline{position:absolute;top:0;left:-100%;width:40%;height:100%;background:linear-gradient(to right,transparent,rgba(201,162,75,.04),transparent);animation:qtScan 3s linear infinite;pointer-events:none}@keyframes qtScan{0%{left:-40%}100%{left:140%}}.qt-year{font-size:11px;letter-spacing:2px;color:rgba(201,162,75,.55);margin-bottom:8px;display:flex;align-items:center;gap:10px}.qt-year-num{font-size:18px;font-weight:700;color:var(--gold);text-shadow:0 0 12px rgba(201,162,75,.5);letter-spacing:3px;display:inline-block;min-width:52px}.qt-badge{font-size:8px;letter-spacing:2px;padding:2px 8px;border-radius:2px;font-weight:700;text-transform:uppercase}.qt-badge.qa-tafakkur{background:rgba(201,162,75,.18);color:#c9a24b;border:1px solid rgba(201,162,75,.4)}.qt-badge.qa-tadabbur{background:rgba(0,200,240,.15);color:#00c8f0;border:1px solid rgba(0,200,240,.3)}.qt-badge.qa-dual{background:rgba(62,207,142,.15);color:#3ecf8e;border:1px solid rgba(62,207,142,.3)}.qt-badge.qa-warning{background:rgba(255,120,30,.18);color:#ff8840;border:1px solid rgba(255,120,30,.45)}.qt-text{font-size:13px;line-height:1.7;color:rgba(245,241,230,.82);min-height:22px;transition:min-height .25s ease}.qt-cursor{display:inline-block;width:9px;height:14px;background:rgba(201,162,75,.8);margin-left:2px;vertical-align:middle;animation:qtBlink .7s step-end infinite}@keyframes qtBlink{0%,100%{opacity:1}50%{opacity:0}}.qt-progress{height:2px;background:rgba(201,162,75,.08);margin-top:14px;border-radius:1px;overflow:hidden}.qt-progress-fill{height:100%;width:0%;background:linear-gradient(to right,rgba(201,162,75,.6),rgba(0,200,240,.5));border-radius:1px;transition:width .1s linear}.qt-footer{display:flex;align-items:center;justify-content:space-between;padding:6px 16px;border-top:1px solid rgba(201,162,75,.1);background:rgba(0,0,0,.2);font-size:9px;color:rgba(201,162,75,.3);letter-spacing:2px}@media(max-width:600px){.qt-terminal{margin:36px 0 0}.qt-text{font-size:11px}.qt-year-num{font-size:15px}}@keyframes cardfloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}.ayat-line-deco{display:flex;align-items:center;justify-content:center;margin-bottom:22px}.ayat-line-deco .seg-l{flex:1;height:1px;max-width:120px;background:linear-gradient(90deg,transparent,rgba(201,162,75,.7));transform:scaleX(0);transform-origin:right;animation:lineGrow .9s cubic-bezier(.16,1,.3,1) 1.6s forwards}.ayat-line-deco .seg-r{flex:1;height:1px;max-width:120px;background:linear-gradient(90deg,rgba(201,162,75,.7),transparent);transform:scaleX(0);transform-origin:left;animation:lineGrow .9s cubic-bezier(.16,1,.3,1) 1.6s forwards}@keyframes lineGrow{to{transform:scaleX(1)}}.ayat-line-deco .diamond{width:7px;height:7px;background:var(--gold-bright);transform:rotate(45deg) scale(0);margin:0 14px;flex-shrink:0;animation:diamondPop .55s cubic-bezier(.34,1.56,.64,1) 1.85s forwards;box-shadow:0 0 12px rgba(224,195,117,.8),0 0 28px rgba(224,195,117,.35)}@keyframes diamondPop{to{transform:rotate(45deg) scale(1)}}.ayat-surah-tag{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:var(--gold);display:block;margin-bottom:22px;opacity:0;animation:fadeUp .7s ease 2.05s forwards}@keyframes fadeUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.ayat-arabic-wrap{position:relative;margin-bottom:18px;min-height:3em}.ayat-arabic-main{font-family:Amiri,serif;font-size:clamp(24px, 3.8vw, 34px);line-height:2.15;color:var(--gold-bright);direction:rtl;unicode-bidi:embed;display:block;text-align:center;letter-spacing:.03em}.aw{display:inline-block;opacity:0;will-change:transform,opacity,filter}.aw.visible{animation:wordIn .65s cubic-bezier(.16,1,.3,1) both}@keyframes wordIn{0%{opacity:0;transform:translateX(18px) translateY(6px) scale(.88);filter:blur(5px)}55%{filter:blur(0px)}100%{opacity:1;transform:translateX(0) translateY(0) scale(1);filter:blur(0px)}}.aw.kata-kunci{color:var(--gold-bright);text-shadow:0 0 28px rgba(224,195,117,.55),0 0 60px rgba(224,195,117,.2)}.ayat-shimmer{position:absolute;inset:0;pointer-events:none;background:linear-gradient(100deg,transparent 0,transparent 35%,rgba(224,195,117,.13) 50%,transparent 65%,transparent 100%);background-size:200% 100%;background-position:200% 0;opacity:0}.ayat-shimmer.run{animation:shimmerSweep 1.6s ease forwards}@keyframes shimmerSweep{0%{opacity:1;background-position:200% 0}100%{opacity:0;background-position:-30% 0}}.ayat-translation{font-size:14.5px;line-height:1.85;color:rgba(245,241,230,.6);font-style:italic;max-width:600px;margin:0 auto;opacity:0}.ayat-translation.visible{animation:fadeUp 1s ease both}.ayat-translation em{color:var(--gold-bright);font-style:normal;text-shadow:0 0 14px rgba(224,195,117,.35)}.ayat-foot{margin-top:20px;display:flex;align-items:center;justify-content:center;gap:14px;opacity:0}.ayat-foot.visible{animation:fadeUp .8s ease both}.ayat-foot .f-line{width:40px;height:1px;background:rgba(201,162,75,.35)}.ayat-foot .f-ref{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.2em;color:rgba(201,162,75,.55);text-transform:uppercase}.scroll-cue{position:absolute;bottom:38px;left:40px;display:flex;align-items:center;gap:10px;font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.18em;color:rgba(245,241,230,.4);z-index:5}.scroll-cue .stem{width:1px;height:40px;background:linear-gradient(var(--gold),transparent);animation:cuemove 2s ease-in-out infinite}@keyframes cuemove{0%,100%{opacity:.25}50%{opacity:1}}.btn-primary{background:var(--gold);color:var(--navy-deep);padding:16px 34px;text-decoration:none;font-weight:600;font-size:14px;border-radius:1px;letter-spacing:.03em;transition:transform .3s,box-shadow .3s,background .3s;box-shadow:0 0 0 rgba(201,162,75,0),inset 0 1px 0 rgba(255,255,255,.2);display:inline-block;position:relative;overflow:hidden}.btn-primary::after{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);transition:left .55s}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 10px 36px rgba(201,162,75,.3);background:var(--gold-bright)}.btn-primary:hover::after{left:150%}.btn-ghost{border:1px solid rgba(245,241,230,.28);color:var(--ivory);padding:16px 32px;text-decoration:none;font-size:14px;border-radius:1px;transition:border-color .3s,color .3s,background .3s,transform .3s;display:inline-block}.btn-ghost:hover{border-color:var(--gold);color:var(--gold-bright);background:rgba(201,162,75,.06);transform:translateY(-2px)}.btn-featured{background:linear-gradient(135deg,rgba(90,155,132,.22),rgba(201,162,75,.18));border:1px solid rgba(90,155,132,.55);color:var(--ivory);padding:15px 32px 15px 26px;text-decoration:none;font-size:14px;font-weight:600;border-radius:1px;display:inline-flex;align-items:center;gap:10px;transition:transform .3s,box-shadow .3s,border-color .3s,background .3s;position:relative}.btn-featured .spark{color:var(--gold-bright);font-size:12px;animation:sparkPulse 1.8s ease-in-out infinite}@keyframes sparkPulse{0%,100%{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.btn-featured:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(90,155,132,.25);border-color:rgba(90,155,132,.9);background:linear-gradient(135deg,rgba(90,155,132,.32),rgba(201,162,75,.26))}section{padding:128px 0;position:relative;z-index:1}.divider{height:1px;max-width:1180px;margin:0 auto 0 auto;padding:0 40px}.divider::after{content:"";display:block;width:100%;height:1px;background:var(--line);position:relative;overflow:hidden}.section-head{max-width:640px;margin-bottom:72px}.section-head.wide{max-width:none}.section-head h2{font-size:clamp(34px,4.5vw,50px);margin-top:16px;color:var(--ivory);line-height:1.12}.section-head p{margin-top:18px;font-size:16px;line-height:1.75;color:rgba(245,241,230,.62)}.section-head p.justify-text{text-align:justify;text-justify:inter-word;hyphens:auto}.reveal{opacity:0;transform:translateY(32px);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1)}.reveal.in{opacity:1;transform:translateY(0)}.pijakan-astrolabe{position:absolute;top:50%;right:calc((100vw - 1180px)/ 4 - 75px);width:190px;height:190px;transform:translateY(-50%);opacity:0;pointer-events:none;z-index:0;transition:opacity 1.2s ease}.pijakan-astrolabe svg{position:absolute;inset:0;width:100%;height:100%;display:block}.pijakan-astrolabe .pa-outer{animation:pijakanAstroSpin 130s linear infinite}.pijakan-astrolabe .pa-inner{animation:pijakanAstroSpinRev 85s linear infinite}@keyframes pijakanAstroSpin{from{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pijakanAstroSpinRev{from{transform:rotate(0)}to{transform:rotate(-360deg)}}@media (min-width:1560px){.pijakan-astrolabe{opacity:.42;pointer-events:auto}}@media (prefers-reduced-motion:reduce){.pijakan-astrolabe .pa-inner,.pijakan-astrolabe .pa-outer{animation:none}}.pijakan-sextant{position:absolute;top:50%;left:calc((100vw - 1180px)/ 4 - 80px);width:208px;height:208px;transform:translateY(-50%);opacity:0;pointer-events:none;z-index:0;transition:opacity 1.2s ease}.pijakan-sextant svg{position:absolute;inset:0;width:100%;height:100%;display:block}.pijakan-sextant .ps-arm{transform-box:view-box;transform-origin:100px 40px;animation:pijakanSextantSweep 16s ease-in-out infinite alternate}@keyframes pijakanSextantSweep{0%{transform:rotate(-22deg)}100%{transform:rotate(22deg)}}@media (min-width:1560px){.pijakan-sextant{opacity:.4;pointer-events:auto}}@media (prefers-reduced-motion:reduce){.pijakan-sextant .ps-arm{animation:none}}.pijakan-astrolabe.hud-active,.pijakan-astrolabe:hover,.pijakan-sextant.hud-active,.pijakan-sextant:hover{opacity:1!important}.instrument-hud{position:absolute;inset:-14px;pointer-events:none;opacity:0;transition:opacity .4s ease}.pijakan-astrolabe.hud-active .instrument-hud,.pijakan-astrolabe:hover .instrument-hud,.pijakan-earthmoon.hud-active .instrument-hud,.pijakan-saturn.hud-active .instrument-hud,.pijakan-sextant.hud-active .instrument-hud,.pijakan-sextant:hover .instrument-hud{opacity:1}.hud-corner{position:absolute;width:14px;height:14px;border:1.2px solid var(--gold-bright);opacity:0}.hud-corner.tl{top:0;left:0;border-right:0;border-bottom:0;transform:translate(-6px,-6px)}.hud-corner.tr{top:0;right:0;border-left:0;border-bottom:0;transform:translate(6px,-6px)}.hud-corner.bl{bottom:0;left:0;border-right:0;border-top:0;transform:translate(-6px,6px)}.hud-corner.br{bottom:0;right:0;border-left:0;border-top:0;transform:translate(6px,6px)}.pijakan-astrolabe.hud-active .hud-corner,.pijakan-astrolabe:hover .hud-corner,.pijakan-earthmoon.hud-active .hud-corner,.pijakan-saturn.hud-active .hud-corner,.pijakan-sextant.hud-active .hud-corner,.pijakan-sextant:hover .hud-corner{animation:hudCornerSnap .5s cubic-bezier(.16,1,.3,1) forwards}.pijakan-astrolabe.hud-active .hud-corner.tl,.pijakan-astrolabe:hover .hud-corner.tl,.pijakan-earthmoon.hud-active .hud-corner.tl,.pijakan-saturn.hud-active .hud-corner.tl,.pijakan-sextant.hud-active .hud-corner.tl,.pijakan-sextant:hover .hud-corner.tl{animation-delay:.02s}.pijakan-astrolabe.hud-active .hud-corner.tr,.pijakan-astrolabe:hover .hud-corner.tr,.pijakan-earthmoon.hud-active .hud-corner.tr,.pijakan-saturn.hud-active .hud-corner.tr,.pijakan-sextant.hud-active .hud-corner.tr,.pijakan-sextant:hover .hud-corner.tr{animation-delay:.08s}.pijakan-astrolabe.hud-active .hud-corner.bl,.pijakan-astrolabe:hover .hud-corner.bl,.pijakan-earthmoon.hud-active .hud-corner.bl,.pijakan-saturn.hud-active .hud-corner.bl,.pijakan-sextant.hud-active .hud-corner.bl,.pijakan-sextant:hover .hud-corner.bl{animation-delay:.08s}.pijakan-astrolabe.hud-active .hud-corner.br,.pijakan-astrolabe:hover .hud-corner.br,.pijakan-earthmoon.hud-active .hud-corner.br,.pijakan-saturn.hud-active .hud-corner.br,.pijakan-sextant.hud-active .hud-corner.br,.pijakan-sextant:hover .hud-corner.br{animation-delay:.14s}@keyframes hudCornerSnap{from{opacity:0;transform:translate(0,0) scale(1.6)}to{opacity:.85}}.hud-caption{position:absolute;left:50%;top:100%;transform:translateX(-50%);margin-top:14px;width:220px;text-align:center;pointer-events:none}.hud-scanline{display:flex;align-items:center;justify-content:center;gap:8px;height:8px;margin-bottom:8px}.hud-scanline span{display:block;height:1px;width:0;background:var(--gold-bright);opacity:0}.pijakan-astrolabe.hud-active .hud-scanline span,.pijakan-astrolabe:hover .hud-scanline span,.pijakan-earthmoon.hud-active .hud-scanline span,.pijakan-saturn.hud-active .hud-scanline span,.pijakan-sextant.hud-active .hud-scanline span,.pijakan-sextant:hover .hud-scanline span{animation:hudLineGrow .5s ease-out forwards}.pijakan-astrolabe.hud-active .hud-scanline span:first-child,.pijakan-astrolabe:hover .hud-scanline span:first-child,.pijakan-earthmoon.hud-active .hud-scanline span:first-child,.pijakan-saturn.hud-active .hud-scanline span:first-child,.pijakan-sextant.hud-active .hud-scanline span:first-child,.pijakan-sextant:hover .hud-scanline span:first-child{animation-delay:.18s}.pijakan-astrolabe.hud-active .hud-scanline span:last-child,.pijakan-astrolabe:hover .hud-scanline span:last-child,.pijakan-earthmoon.hud-active .hud-scanline span:last-child,.pijakan-saturn.hud-active .hud-scanline span:last-child,.pijakan-sextant.hud-active .hud-scanline span:last-child,.pijakan-sextant:hover .hud-scanline span:last-child{animation-delay:.26s}@keyframes hudLineGrow{from{width:0;opacity:0}to{width:26px;opacity:.65}}.hud-name{font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:600;letter-spacing:.85em;text-transform:uppercase;color:var(--gold-bright);opacity:0;filter:blur(3px);text-shadow:0 0 14px rgba(224,195,117,.55)}.pijakan-astrolabe.hud-active .hud-name,.pijakan-astrolabe:hover .hud-name,.pijakan-earthmoon.hud-active .hud-name,.pijakan-saturn.hud-active .hud-name,.pijakan-sextant.hud-active .hud-name,.pijakan-sextant:hover .hud-name{animation:hudTrackIn 1.1s cubic-bezier(.16,1,.3,1) forwards;animation-delay:.3s}@keyframes hudTrackIn{from{opacity:0;letter-spacing:.85em;filter:blur(3px)}60%{opacity:1}to{opacity:1;letter-spacing:.22em;filter:blur(0)}}.hud-desc{font-family:'JetBrains Mono',monospace;font-size:9.5px;line-height:1.6;letter-spacing:.02em;color:rgba(245,241,230,.6);margin-top:8px;opacity:0;transform:translateY(5px)}.pijakan-astrolabe.hud-active .hud-desc,.pijakan-astrolabe:hover .hud-desc,.pijakan-earthmoon.hud-active .hud-desc,.pijakan-saturn.hud-active .hud-desc,.pijakan-sextant.hud-active .hud-desc,.pijakan-sextant:hover .hud-desc{animation:hudFadeUp .7s cubic-bezier(.16,1,.3,1) forwards;animation-delay:.85s}@keyframes hudFadeUp{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.hud-corner,.hud-desc,.hud-name,.hud-scanline span{animation:none!important;opacity:1!important;filter:none!important;letter-spacing:.22em!important;width:26px!important}}@media (max-width:1559px){.pijakan-astrolabe .instrument-hud,.pijakan-sextant .instrument-hud{display:none}}.pijakan-saturn .saturn-variant{display:none}.pijakan-saturn .saturn-variant.active{display:block}.pijakan-sun.hud-active .instrument-hud{opacity:1}.pijakan-sun.hud-active .hud-corner{animation:hudCornerSnap .5s cubic-bezier(.16,1,.3,1) forwards}.pijakan-sun.hud-active .hud-corner.tl{animation-delay:.02s}.pijakan-sun.hud-active .hud-corner.tr{animation-delay:.08s}.pijakan-sun.hud-active .hud-corner.bl{animation-delay:.08s}.pijakan-sun.hud-active .hud-corner.br{animation-delay:.14s}.pijakan-sun.hud-active .hud-scanline span{animation:hudLineGrow .5s ease-out forwards}.pijakan-sun.hud-active .hud-scanline span:first-child{animation-delay:.18s}.pijakan-sun.hud-active .hud-scanline span:last-child{animation-delay:.26s}.pijakan-sun.hud-active .hud-name{animation:hudTrackIn 1.1s cubic-bezier(.16,1,.3,1) forwards;animation-delay:.3s}.pijakan-sun.hud-active .hud-desc{animation:hudFadeUp .7s cubic-bezier(.16,1,.3,1) forwards;animation-delay:.85s}.pijakan-sun .sun-variant{display:none}.pijakan-sun .sun-variant.active{display:block}.arabic-highlight{font-family:Amiri,serif;font-size:22px;color:var(--gold-bright);text-shadow:0 0 14px rgba(224,195,117,.35)}.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}.pillar{background:var(--navy);padding:48px 38px;transition:background .4s,transform .4s;position:relative;overflow:hidden}.pillar::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--gold),transparent);transform:scaleX(0);transform-origin:left;transition:transform .45s}.pillar::after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 1px 1px,rgba(201,162,75,.5) 1px,transparent 1.6px);background-size:26px 26px;opacity:0;transition:opacity .5s;pointer-events:none}.pillar:hover{background:#0d2d4a;transform:translateY(-3px)}.pillar:hover::before{transform:scaleX(1)}.pillar:hover::after{opacity:.12}.pillar-num{font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.1em;color:rgba(201,162,75,.55);margin-bottom:18px;position:relative;z-index:1}.pillar-icon{width:42px;height:42px;margin-bottom:26px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(201,162,75,.25);background:rgba(201,162,75,.04);transform:rotate(45deg);transition:border-color .35s,box-shadow .35s,transform .5s;position:relative;z-index:1}.pillar:hover .pillar-icon{border-color:var(--gold);box-shadow:0 0 18px rgba(201,162,75,.2);transform:rotate(135deg)}.pillar-icon svg{width:21px;height:21px;stroke:var(--gold);transform:rotate(-45deg);transition:transform .5s}.pillar:hover .pillar-icon svg{transform:rotate(-135deg)}.pillar h3{font-size:22px;color:var(--ivory);font-weight:600;margin-bottom:12px;letter-spacing:.01em;position:relative;z-index:1}.pillar p{font-size:14.5px;line-height:1.7;color:rgba(245,241,230,.68);position:relative;z-index:1}.pillar-meta{margin-top:18px;padding-top:16px;border-top:1px solid rgba(201,162,75,.15);font-size:12.5px;color:rgba(201,162,75,.65);letter-spacing:.02em;position:relative;z-index:1}.ayat-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;grid-template-rows:auto auto;gap:20px}.ayat-card{border:1px solid rgba(201,162,75,.14);background:linear-gradient(155deg,rgba(201,162,75,.055) 0,rgba(11,37,64,.6) 55%,rgba(6,21,37,.4) 100%);padding:36px;position:relative;overflow:hidden;border-radius:14px;transition:border-color .4s,transform .4s,box-shadow .4s;backdrop-filter:blur(4px)}.ayat-card::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(201,162,75,.5),transparent);opacity:0;transition:opacity .4s}.ayat-card .c-br,.ayat-card .c-tl{position:absolute;width:20px;height:20px;opacity:.3;transition:opacity .4s}.ayat-card .c-tl{top:10px;left:10px;border-top:1px solid var(--gold);border-left:1px solid var(--gold)}.ayat-card .c-br{bottom:10px;right:10px;border-bottom:1px solid var(--gold);border-right:1px solid var(--gold)}.ayat-card::after{content:"";position:absolute;top:-60%;left:-80%;width:55%;height:220%;background:linear-gradient(105deg,transparent,rgba(224,195,117,.06),transparent);transform:skewX(-12deg);transition:left .7s ease}.ayat-card:hover{border-color:rgba(201,162,75,.5);transform:translateY(-5px);box-shadow:0 20px 60px rgba(0,0,0,.4),0 0 0 1px rgba(201,162,75,.12),inset 0 1px 0 rgba(201,162,75,.1)}.ayat-card:hover::before{opacity:1}.ayat-card:hover .c-br,.ayat-card:hover .c-tl{opacity:.8}.ayat-card:hover::after{left:120%}.ayat-card.feature{grid-row:span 2}.ayat-card.card-hero{grid-column:1/-1;display:grid;grid-template-columns:1.05fr 1.35fr;gap:40px;align-items:center}.card-hero .hero-media{position:relative;width:100%;aspect-ratio:1200/630;border-radius:12px;overflow:hidden;border:1px solid var(--line);background:var(--navy-deep)}.card-hero .hero-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s}.card-hero:hover .hero-media img{transform:scale(1.045)}.card-hero .hero-content{display:flex;flex-direction:column}.card-hero .hero-content .ayat-title{font-size:27px}.card-hero .hero-content .ayat-meaning{font-size:15px}.card-hero .ayat-cta-group{max-width:280px}@media (max-width:900px){.ayat-card.card-hero{grid-template-columns:1fr}}#mukjizat .ayat-grid>.ayat-card.feature:first-child{background:0 0;backdrop-filter:none;border-color:rgba(201,162,75,.1)}#mukjizat .ayat-grid>.ayat-card.feature:first-child .ayat-meaning,#mukjizat .ayat-grid>.ayat-card.feature:first-child .ayat-title{text-shadow:0 1px 10px rgba(6,21,37,.9),0 1px 3px rgba(6,21,37,.9)}#mukjizat .ayat-grid>.ayat-card.feature:first-child::after{display:none}.card-fire{background:0 0!important;backdrop-filter:none!important;border-color:rgba(201,162,75,.1)}.card-fire .ayat-meaning,.card-fire .ayat-title{text-shadow:0 1px 10px rgba(6,21,37,.9),0 1px 3px rgba(6,21,37,.9)}.card-fire::after{display:none}.card-fire .fire-ice-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.9}.card-fire .ayat-arabic,.card-fire .ayat-badges,.card-fire .ayat-meaning,.card-fire .ayat-tag,.card-fire .ayat-title,.card-fire .c-br,.card-fire .c-tl{position:relative;z-index:1}.ayat-tag{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;padding:4px 10px;border:1px solid;display:inline-block;border-radius:1px;margin-bottom:22px}.tag-tafsir{color:var(--emerald-bright);border-color:var(--emerald)}.tag-sains{color:var(--cyan);border-color:rgba(127,182,201,.5)}.tag-kritis{color:rgba(245,241,230,.5);border-color:rgba(245,241,230,.2)}.ayat-arabic{font-family:Amiri,serif;font-size:28px;line-height:1.95;color:var(--gold-bright);direction:rtl;margin-bottom:20px;text-shadow:0 0 20px rgba(224,195,117,.18)}.ayat-card.feature .ayat-arabic{font-size:36px}.ayat-meaning{font-size:14px;color:rgba(245,241,230,.65);line-height:1.65;margin-bottom:20px;font-style:italic}.ayat-title{font-size:19px;color:var(--ivory);font-weight:600;margin-bottom:12px;font-family:'Cormorant Garamond',serif;line-height:1.3}.ayat-link{font-size:12.5px;color:var(--gold);text-decoration:none;display:inline-flex;align-items:center;gap:7px;font-family:'JetBrains Mono',monospace;letter-spacing:.06em;transition:color .25s,gap .25s}.ayat-link::after{content:"→";transition:transform .3s}.ayat-link:hover{color:var(--gold-bright);gap:10px}.ayat-link:hover::after{transform:translateX(4px)}.ayat-link-group{display:flex;flex-wrap:wrap;gap:10px 22px}.ayat-link.link-video{color:var(--cyan)}.ayat-link.link-video:hover{color:#7fd4e8}.ayat-video-preview{display:block;position:relative;width:100%;aspect-ratio:16/9;border-radius:10px;overflow:hidden;margin:6px 0 18px;border:1px solid var(--line);background:var(--navy-deep)}.ayat-video-preview img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}.ayat-video-preview:hover img{transform:scale(1.05)}.ayat-video-preview .play-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,rgba(10,21,38,.05),rgba(10,21,38,.55))}.ayat-video-preview .play-btn{width:52px;height:52px;border-radius:50%;background:rgba(10,21,38,.55);border:1.5px solid var(--cyan);display:flex;align-items:center;justify-content:center;transition:background .3s,transform .3s}.ayat-video-preview:hover .play-btn{background:var(--cyan);transform:scale(1.08)}.ayat-video-preview .play-btn svg{width:18px;height:18px;fill:var(--cyan);transition:fill .3s}.ayat-video-preview:hover .play-btn svg{fill:var(--navy-deep)}.see-all{margin-top:52px;text-align:center}.ayat-live-badge{position:absolute;top:14px;right:14px;z-index:6;display:inline-flex;align-items:center;gap:6px;font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:#0b2540;background:linear-gradient(135deg,var(--emerald-bright),#8fe8c4);padding:6px 12px 6px 9px;border-radius:20px;box-shadow:0 4px 16px rgba(52,199,142,.4),0 0 0 1px rgba(255,255,255,.18) inset;pointer-events:none;animation:liveBadgeFloat 3s ease-in-out infinite}.ayat-live-badge .dot{width:6px;height:6px;border-radius:50%;background:#0b2540;animation:liveBadgePulse 1.6s ease-in-out infinite;flex-shrink:0}@keyframes liveBadgePulse{0%,100%{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1.05)}}@keyframes liveBadgeFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}.card-hero .hero-media{position:relative}.card-hero .hero-media .ayat-live-badge{top:16px;left:16px;right:auto}@media (prefers-reduced-motion:reduce){.ayat-live-badge,.ayat-live-badge .dot{animation:none}}.ayat-live-badge.badge-video{background:linear-gradient(135deg,var(--cyan),#bfe9f5);color:#052532;box-shadow:0 4px 16px rgba(127,182,201,.4),0 0 0 1px rgba(255,255,255,.18) inset}.ayat-live-badge.badge-video .dot{background:#052532}.ayat-video-preview .ayat-live-badge{top:12px;left:12px;right:auto}.ayat-live-badge-group{position:absolute;top:14px;right:14px;left:14px;z-index:6;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px}.ayat-live-badge-group .ayat-live-badge{position:static}@media (max-width:480px){.ayat-live-badge-group{top:10px;right:10px;left:10px}}.ayat-badge.is-soon,.ayat-cta-btn.is-soon{opacity:.4;cursor:default;pointer-events:none;color:rgba(245,241,230,.45);border-color:rgba(245,241,230,.16);background:0 0}.ayat-cta-btn.is-soon::before{display:none}.ayat-cta-group{display:flex;flex-direction:column;gap:10px;margin-top:4px}.ayat-cta-btn{width:100%;font-family:'JetBrains Mono',monospace;font-size:11.5px;letter-spacing:.06em;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 18px;border-radius:2px;text-decoration:none;font-weight:500;cursor:pointer;transition:all .28s;position:relative;overflow:hidden}.ayat-cta-btn svg{width:13px;height:13px;flex-shrink:0}.ayat-cta-btn.btn-read{background:rgba(201,162,75,.12);border:1px solid rgba(201,162,75,.55);color:var(--gold-bright)}.ayat-cta-btn.btn-read::before{content:"";position:absolute;inset:0;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .32s;z-index:-1}.ayat-cta-btn.btn-read:hover{color:var(--navy-deep);border-color:var(--gold);box-shadow:0 4px 18px rgba(201,162,75,.25)}.ayat-cta-btn.btn-read:hover::before{transform:scaleX(1)}.ayat-cta-btn.btn-watch{background:rgba(127,182,201,.1);border:1px solid rgba(127,182,201,.45);color:var(--cyan)}.ayat-cta-btn.btn-watch::before{content:"";position:absolute;inset:0;background:var(--cyan);transform:scaleX(0);transform-origin:left;transition:transform .32s;z-index:-1}.ayat-cta-btn.btn-watch:hover{color:var(--navy-deep);border-color:var(--cyan);box-shadow:0 4px 18px rgba(127,182,201,.22)}.ayat-cta-btn.btn-watch:hover::before{transform:scaleX(1)}.ayat-card.has-media{z-index:1;transition:transform .35s cubic-bezier(.25,.46,.45,.94),box-shadow .35s ease,border-color .35s ease;transform-origin:center bottom}.ayat-card.has-media:hover{transform:translateY(-8px) scale(1.1);z-index:30;box-shadow:0 40px 80px rgba(0,0,0,.65),0 0 0 1px rgba(201,162,75,.35),0 0 40px rgba(201,162,75,.08);border-color:rgba(201,162,75,.5)}.ayat-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}.ayat-badge{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.04em;display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;text-decoration:none;border:1px solid rgba(201,162,75,.35);color:var(--gold);transition:background .3s,border-color .3s,color .3s}.ayat-badge svg{width:12px;height:12px;flex-shrink:0}.ayat-badge:hover{background:rgba(201,162,75,.12);border-color:var(--gold)}.ayat-badge.badge-video{border-color:rgba(127,182,201,.45);color:var(--cyan)}.ayat-badge.badge-video:hover{background:rgba(127,182,201,.12);border-color:var(--cyan)}.ayat-hover-media{max-height:0;opacity:0;overflow:hidden;transition:max-height .5s cubic-bezier(.25,.46,.45,.94),opacity .4s ease,margin-top .5s ease;margin-top:0}.ayat-card.has-media:hover .ayat-hover-media{max-height:220px;opacity:1;margin-top:14px}.ayat-hover-media a{display:block;position:relative;width:100%;aspect-ratio:16/9;border-radius:8px;overflow:hidden;border:1px solid var(--line);background:var(--navy-deep)}.ayat-hover-media img{width:100%;height:100%;object-fit:cover;display:block}.ayat-hover-media .play-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,rgba(10,21,38,.05),rgba(10,21,38,.5))}.ayat-hover-media .play-btn{width:40px;height:40px;border-radius:50%;background:rgba(10,21,38,.55);border:1.5px solid var(--cyan);display:flex;align-items:center;justify-content:center}.ayat-hover-media .play-btn svg{width:14px;height:14px;fill:var(--cyan)}.hikmah-lantern-wrap{position:absolute;left:max(calc((100vw - 1180px)/ 4 - 80px),6px);top:50%;transform:translateY(-50%);width:clamp(130px,13vw,210px);z-index:0;pointer-events:none;opacity:0;filter:blur(10px) drop-shadow(0 0 0 rgba(224,195,117,0));transition:opacity 1.1s ease,filter 1.1s ease}.hikmah-lantern-wrap.in-view{opacity:.94;filter:blur(0px) drop-shadow(0 18px 26px rgba(0,0,0,.35))}.hikmah-lantern{position:relative;animation:lanternSwing 7.5s cubic-bezier(.45,0,.55,1) infinite;transform-origin:50% 4%}.hikmah-lantern-wrap.in-view .hikmah-lantern{animation:lanternDrop 1.5s cubic-bezier(.22,1.4,.36,1) both,lanternSwing 7.5s cubic-bezier(.45,0,.55,1) 1.5s infinite}.hikmah-lantern svg{width:100%;height:auto;display:block;overflow:visible;position:relative;z-index:2}.hl-rays{position:absolute;left:50%;top:48%;width:210%;height:210%;transform:translate(-50%,-50%);background:conic-gradient(from 0deg,rgba(224,195,117,0) 0deg,rgba(224,195,117,.1) 8deg,rgba(224,195,117,0) 20deg,rgba(224,195,117,0) 100deg,rgba(224,195,117,.08) 112deg,rgba(224,195,117,0) 124deg,rgba(224,195,117,0) 200deg,rgba(224,195,117,.09) 210deg,rgba(224,195,117,0) 222deg,rgba(224,195,117,0) 340deg,rgba(224,195,117,.07) 352deg,rgba(224,195,117,0) 360deg);border-radius:50%;z-index:1;mix-blend-mode:screen;animation:hlRaysSpin 22s linear infinite,hlFlicker 2.3s ease-in-out infinite}.hl-sheen{position:absolute;left:16%;top:16%;width:14%;height:72%;background:linear-gradient(180deg,rgba(255,255,255,0) 0,rgba(255,248,225,.55) 50%,rgba(255,255,255,0) 100%);filter:blur(2px);transform:translateX(-40px) skewX(-14deg);opacity:0;z-index:3;pointer-events:none;animation:hlSheenSweep 6s ease-in-out infinite;animation-delay:2.2s}.hl-chain{opacity:.55}.hl-body-stroke{opacity:.9}.hl-lattice-hole{animation:hlFlicker 2.6s ease-in-out infinite}.hl-lattice-hole:nth-child(2n){animation-duration:3.1s;animation-delay:.3s}.hl-lattice-hole:nth-child(3n){animation-duration:2.2s;animation-delay:.6s}.hl-lattice-hole:nth-child(5n){animation-duration:3.6s;animation-delay:.15s}.hl-core-glow{animation:hlFlicker 2.3s ease-in-out infinite,hlCorePulse 4.4s ease-in-out infinite;transform-origin:50px 82px}.hl-halo{animation:hlHaloPulse 4.4s ease-in-out infinite;transform-origin:50px 82px}.hl-ember{position:absolute;bottom:22%;width:3px;height:3px;border-radius:50%;background:var(--gold-bright);box-shadow:0 0 6px rgba(224,195,117,.9),0 0 14px rgba(224,195,117,.5);opacity:0;animation:hlEmberRise 4.5s ease-in infinite}.hl-ember:first-child{left:34%;animation-delay:0s}.hl-ember:nth-child(2){left:52%;animation-delay:1.1s}.hl-ember:nth-child(3){left:46%;animation-delay:2.2s}.hl-ember:nth-child(4){left:60%;animation-delay:3.3s;animation-duration:5.2s}.hl-ember:nth-child(5){left:41%;animation-delay:1.8s;animation-duration:3.8s}@keyframes lanternDrop{0%{transform:translateY(-120%) rotate(0);opacity:0}60%{transform:translateY(4%) rotate(-2deg);opacity:1}100%{transform:translateY(0) rotate(0);opacity:1}}@keyframes lanternSwing{0%,100%{transform:rotate(-2.6deg) translateX(-1.5px)}50%{transform:rotate(2.6deg) translateX(1.5px)}}@keyframes hlRaysSpin{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes hlSheenSweep{0%,100%,60%{transform:translateX(-40px) skewX(-14deg);opacity:0}68%{opacity:.9}80%{transform:translateX(120px) skewX(-14deg);opacity:0}}@keyframes hlCorePulse{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes hlFlicker{0%{opacity:.5}22%{opacity:.95}38%{opacity:.65}55%{opacity:1}70%{opacity:.55}100%{opacity:.5}}@keyframes hlHaloPulse{0%,100%{opacity:.28;transform:scale(1)}50%{opacity:.58;transform:scale(1.1)}}@keyframes hlEmberRise{0%{transform:translateY(0) scale(1);opacity:0}15%{opacity:.9}100%{transform:translateY(-96px) translateX(6px) scale(.3);opacity:0}}.hikmah-caption{margin-top:20px;text-align:center;opacity:0;transform:translateY(8px);transition:opacity 1.1s ease .9s,transform 1.1s ease .9s}.hikmah-lantern-wrap.in-view .hikmah-caption{opacity:1;transform:translateY(0)}.hc-line{display:flex;align-items:center;justify-content:center;gap:8px;height:8px;margin-bottom:8px}.hc-line span{display:block;height:1px;width:24px;background:linear-gradient(90deg,transparent,var(--gold-bright),transparent);opacity:.7}.hc-text{font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:600;letter-spacing:.28em;text-transform:uppercase;color:var(--gold-bright);text-shadow:0 0 14px rgba(224,195,117,.55);white-space:nowrap}.hc-ayat{font-family:Amiri,serif;font-size:17px;line-height:1.9;color:var(--gold-bright);margin-top:14px;max-width:230px;margin-left:auto;margin-right:auto;text-shadow:0 0 10px rgba(224,195,117,.3)}.hc-ayat-trans{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:12.5px;line-height:1.6;color:rgba(245,241,230,.62);margin-top:8px;max-width:210px;margin-left:auto;margin-right:auto}.hc-ayat-ref{font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);opacity:.75;margin-top:10px}@media (max-width:900px){.hikmah-lantern-wrap{display:none}}@media (prefers-reduced-motion:reduce){.hikmah-lantern,.hl-core-glow,.hl-ember,.hl-halo,.hl-lattice-hole,.hl-rays,.hl-sheen{animation:none!important}.hikmah-lantern-wrap.in-view{opacity:.94;filter:blur(0px)}}.hikmah-globe-wrap{position:absolute;right:max(calc((100vw - 1180px)/ 4 - 80px),6px);top:50%;transform:translateY(-50%);width:clamp(140px,14vw,224px);z-index:0;pointer-events:none;opacity:0;filter:blur(10px);transition:opacity 1.1s ease,filter 1.1s ease}.hikmah-globe-wrap.in-view{opacity:.94;filter:blur(0px) drop-shadow(0 18px 26px rgba(0,0,0,.35))}.hikmah-globe{position:relative;animation:globeBob 6.8s ease-in-out infinite}.hikmah-globe-wrap.in-view .hikmah-globe{animation:globeRise 1.5s cubic-bezier(.22,1.4,.36,1) both,globeBob 6.8s ease-in-out 1.5s infinite}.hikmah-globe svg{width:100%;height:auto;display:block;overflow:visible;position:relative;z-index:2}.hg-rays{position:absolute;left:50%;top:50%;width:200%;height:200%;transform:translate(-50%,-50%);background:conic-gradient(from 40deg,rgba(224,195,117,0) 0deg,rgba(224,195,117,.09) 10deg,rgba(224,195,117,0) 24deg,rgba(224,195,117,0) 150deg,rgba(224,195,117,.08) 162deg,rgba(224,195,117,0) 176deg,rgba(224,195,117,0) 260deg,rgba(224,195,117,.09) 272deg,rgba(224,195,117,0) 286deg);border-radius:50%;z-index:1;mix-blend-mode:screen;animation:hgRaysSpin 26s linear infinite reverse}.hg-disc{transform-box:view-box;transform-origin:100px 100px;animation:hgDiscSpin 90s linear infinite}.hg-city{animation:hlFlicker 2.6s ease-in-out infinite}.hg-city:nth-child(2n){animation-duration:3.2s;animation-delay:.3s}.hg-city:nth-child(3n){animation-duration:2.1s;animation-delay:.6s}.hg-route{stroke-dasharray:3 5;animation:hgRouteFlow 3.4s linear infinite}.hg-route:nth-child(2n){animation-duration:4.1s;animation-direction:reverse}.hg-rim{animation:hlHaloPulse 4.8s ease-in-out infinite}@keyframes globeRise{0%{transform:translateY(90%) scale(.7);opacity:0}60%{transform:translateY(-4%) scale(1.03);opacity:1}100%{transform:translateY(0) scale(1);opacity:1}}@keyframes globeBob{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-6px) rotate(1deg)}}@keyframes hgRaysSpin{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes hgDiscSpin{from{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes hgRouteFlow{to{stroke-dashoffset:-16}}.hikmah-globe-caption{margin-top:20px;text-align:center;opacity:0;transform:translateY(8px);transition:opacity 1.1s ease .9s,transform 1.1s ease .9s}.hikmah-globe-wrap.in-view .hikmah-globe-caption{opacity:1;transform:translateY(0)}@media (max-width:900px){.hikmah-globe-wrap{display:none}}@media (prefers-reduced-motion:reduce){.hg-city,.hg-disc,.hg-rays,.hg-rim,.hg-route,.hikmah-globe{animation:none!important}.hikmah-globe-wrap.in-view{opacity:.94;filter:blur(0px)}}.cinema-projector-wrap{position:absolute;left:max(calc((100vw - 1180px)/ 4 - 80px),6px);top:50%;transform:translateY(-50%);width:clamp(160px,16vw,260px);z-index:0;pointer-events:none;opacity:0;filter:blur(10px);transition:opacity 1.1s ease,filter 1.1s ease}.cinema-projector-wrap.in-view{opacity:.96;filter:blur(0px) drop-shadow(0 20px 30px rgba(0,0,0,.4))}.cinema-projector{position:relative;animation:cpIdle 6.2s ease-in-out infinite}.cinema-projector-wrap.in-view .cinema-projector{animation:cpRise 1.5s cubic-bezier(.22,1.4,.36,1) both,cpIdle 6.2s ease-in-out 1.5s infinite}.cinema-projector svg{width:100%;height:auto;display:block;overflow:visible;position:relative;z-index:2}.cp-beam-outer{animation:cpBeamFlicker .42s steps(2,end) infinite,hlFlicker 3.2s ease-in-out infinite;transform-origin:118px 66px}.cp-beam-inner{animation:cpBeamFlicker .28s steps(2,end) infinite reverse,hlFlicker 2.4s ease-in-out infinite;transform-origin:118px 66px}.cp-lens-glow{animation:hlFlicker 2.1s ease-in-out infinite,hlCorePulse 4.1s ease-in-out infinite;transform-origin:118px 66px}.cp-aperture{animation:cpApertureBreathe 3.6s ease-in-out infinite;transform-box:fill-box;transform-origin:center}.cp-reel-supply{animation:hgDiscSpin 14s linear infinite;transform-box:fill-box;transform-origin:center}.cp-reel-takeup{animation:hgDiscSpin 9s linear infinite;transform-box:fill-box;transform-origin:center}.cp-film-thread{stroke-dasharray:4 3.4;animation:crStripWalk 1s linear infinite}.cp-vent{opacity:.5}.cp-body-stroke{opacity:.92}.cp-panel-line{opacity:.4}.cp-knob{animation:hlFlicker 4.4s ease-in-out infinite}.cp-knob:nth-child(2){animation-delay:1.2s}.cp-sheen{position:absolute;left:44%;top:30%;width:9%;height:44%;background:linear-gradient(180deg,rgba(255,255,255,0) 0,rgba(255,248,225,.55) 50%,rgba(255,255,255,0) 100%);filter:blur(2px);transform:translateX(-30px) skewX(-14deg);opacity:0;z-index:3;pointer-events:none;animation:hlSheenSweep 6.4s ease-in-out infinite;animation-delay:1.8s}.cp-dust{position:absolute;width:2.5px;height:2.5px;border-radius:50%;background:var(--gold-bright);box-shadow:0 0 5px rgba(224,195,117,.85),0 0 10px rgba(224,195,117,.4);opacity:0;animation:cpDustDrift 5.2s linear infinite}.cp-dust:first-child{left:64%;top:38%;animation-delay:0s}.cp-dust:nth-child(2){left:70%;top:56%;animation-delay:1.1s;animation-duration:6s}.cp-dust:nth-child(3){left:76%;top:32%;animation-delay:2.4s}.cp-dust:nth-child(4){left:82%;top:50%;animation-delay:.6s;animation-duration:4.6s}.cp-dust:nth-child(5){left:88%;top:44%;animation-delay:3.1s;animation-duration:5.6s}.cp-dust:nth-child(6){left:68%;top:48%;animation-delay:1.8s;animation-duration:4.2s}@keyframes cpRise{0%{transform:translateX(-60px) scale(.85);opacity:0}60%{transform:translateX(5px) scale(1.02);opacity:1}100%{transform:translateX(0) scale(1);opacity:1}}@keyframes cpIdle{0%,100%{transform:translateY(0) rotate(-.6deg)}50%{transform:translateY(-4px) rotate(.6deg)}}@keyframes cpBeamFlicker{0%,100%{opacity:.85}50%{opacity:1}}@keyframes cpApertureBreathe{0%,100%{transform:scale(1)}50%{transform:scale(.9)}}@keyframes cpDustDrift{0%{transform:translate(0,0) scale(1);opacity:0}15%{opacity:.85}100%{transform:translate(58px,-16px) scale(.35);opacity:0}}.cinema-projector-caption,.cinema-reel-caption{margin-top:20px;text-align:center;opacity:0;transform:translateY(8px);transition:opacity 1.1s ease .9s,transform 1.1s ease .9s}.cinema-projector-wrap.in-view .cinema-projector-caption,.cinema-reel-wrap.in-view .cinema-reel-caption{opacity:1;transform:translateY(0)}@media (max-width:900px){.cinema-projector-wrap{display:none}}@media (prefers-reduced-motion:reduce){.cinema-projector,.cp-aperture,.cp-beam-inner,.cp-beam-outer,.cp-dust,.cp-film-thread,.cp-knob,.cp-lens-glow,.cp-reel-supply,.cp-reel-takeup,.cp-sheen{animation:none!important}.cinema-projector-wrap.in-view{opacity:.96;filter:blur(0px)}}.cinema-reel-wrap{position:absolute;right:max(calc((100vw - 1180px)/ 4 - 80px),6px);top:50%;transform:translateY(-50%);width:clamp(150px,15vw,240px);z-index:0;pointer-events:none;opacity:0;filter:blur(10px);transition:opacity 1.1s ease,filter 1.1s ease}.cinema-reel-wrap.in-view{opacity:.96;filter:blur(0px) drop-shadow(0 20px 30px rgba(0,0,0,.4))}.cinema-reel{position:relative;animation:globeBob 7s ease-in-out infinite}.cinema-reel-wrap.in-view .cinema-reel{animation:globeRise 1.5s cubic-bezier(.22,1.4,.36,1) both,globeBob 7s ease-in-out 1.5s infinite}.cinema-reel svg{width:100%;height:auto;display:block;overflow:visible;position:relative;z-index:2}.cr-disc{transform-box:view-box;transform-origin:100px 100px;animation:hgDiscSpin 10s linear infinite}.cr-rim{opacity:.85}.cr-hole{opacity:.9}.cr-wound-ring{opacity:.55}.cr-strip-group{animation:crStripSway 4.4s ease-in-out infinite;transform-box:fill-box;transform-origin:0% 0%}.cr-strip-holes{stroke-dasharray:5 4;animation:crStripWalk 1.4s linear infinite}.cr-frame{opacity:.5}@keyframes crStripWalk{to{stroke-dashoffset:-18}}@keyframes crStripSway{0%,100%{transform:rotate(0)}50%{transform:rotate(1.4deg)}}@media (max-width:900px){.cinema-reel-wrap{display:none}}@media (prefers-reduced-motion:reduce){.cinema-reel,.cr-disc,.cr-strip-group,.cr-strip-holes{animation:none!important}.cinema-reel-wrap.in-view{opacity:.96;filter:blur(0px)}}.quill-wrap{position:absolute;left:max(calc((100vw - 1180px)/ 4 - 80px),6px);top:50%;transform:translateY(-50%);width:clamp(150px,15vw,240px);z-index:0;pointer-events:none;opacity:0;filter:blur(10px);transition:opacity 1.1s ease,filter 1.1s ease}.quill-wrap.in-view{opacity:.96;filter:blur(0px) drop-shadow(0 18px 26px rgba(0,0,0,.35))}.quill{position:relative;animation:qwIdle 6.6s ease-in-out infinite}.quill-wrap.in-view .quill{animation:qwRise 1.5s cubic-bezier(.22,1.4,.36,1) both,qwIdle 6.6s ease-in-out 1.5s infinite}.quill svg{width:100%;height:auto;display:block;overflow:visible;position:relative;z-index:2}@keyframes qwRise{0%{transform:translateX(-60px) scale(.85);opacity:0}60%{transform:translateX(5px) scale(1.02);opacity:1}100%{transform:translateX(0) scale(1);opacity:1}}@keyframes qwIdle{0%,100%{transform:translateY(0) rotate(-.4deg)}50%{transform:translateY(-3px) rotate(.4deg)}}.qw-nib{animation:qwWrite 6s ease-in-out infinite,qwNibGlint 6s ease-in-out infinite;transform-box:fill-box;transform-origin:0% 100%}@keyframes qwWrite{0%,4%{transform:translate(-90px,2px) rotate(0)}16%{transform:translate(-55px,-9px) rotate(-2.8deg)}30%{transform:translate(-15px,5px) rotate(2.2deg)}38%{transform:translate(0,0) rotate(0)}40%{transform:translate(2px,-16px) rotate(7deg)}46%{transform:translate(-84px,4px) rotate(-5deg)}48%{transform:translate(-84px,20px) rotate(0)}60%{transform:translate(-68px,9px) rotate(-2deg)}76%{transform:translate(-52px,21px) rotate(1.8deg)}80%{transform:translate(-46px,18px) rotate(0)}92%{transform:translate(-46px,2px) rotate(4deg)}100%,96%{transform:translate(-90px,2px) rotate(0)}}@keyframes qwNibGlint{0%,90%{opacity:1;filter:brightness(1) drop-shadow(0 0 0 rgba(224,195,117,0))}95%{opacity:.15;filter:brightness(1.6) drop-shadow(0 0 7px rgba(224,195,117,.65))}100%{opacity:1;filter:brightness(1) drop-shadow(0 0 0 rgba(224,195,117,0))}}.qw-stroke{stroke-dasharray:340}.qw-stroke-a{animation:qwDrawA 6s cubic-bezier(.5,.02,.4,1) infinite}.qw-stroke-b{animation:qwDrawB 6s cubic-bezier(.5,.02,.4,1) infinite}@keyframes qwDrawA{0%,2%{stroke-dashoffset:340;opacity:0}5%{opacity:1}38%{stroke-dashoffset:0;opacity:1}92%{stroke-dashoffset:0;opacity:1}97%{opacity:0}100%{stroke-dashoffset:340;opacity:0}}@keyframes qwDrawB{0%,44%{stroke-dashoffset:225;opacity:0}47%{opacity:1}80%{stroke-dashoffset:0;opacity:1}92%{stroke-dashoffset:0;opacity:1}97%{opacity:0}100%{stroke-dashoffset:225;opacity:0}}.qw-line-static{opacity:.22}.qw-tip{filter:drop-shadow(0 0 3px rgba(224,195,117,.9))}.qw-tip-a{animation:qwTipFadeA 6s cubic-bezier(.5,.02,.4,1) infinite}.qw-tip-b{animation:qwTipFadeB 6s cubic-bezier(.5,.02,.4,1) infinite}@keyframes qwTipFadeA{0%,3%{opacity:0}6%{opacity:1}38%{opacity:1}41%{opacity:0}100%{opacity:0}}@keyframes qwTipFadeB{0%,45%{opacity:0}48%{opacity:1}80%{opacity:1}83%{opacity:0}100%{opacity:0}}.qw-drop{position:absolute;width:2.6px;height:3.4px;border-radius:50% 50% 50% 0;background:var(--gold-bright);opacity:0;animation:qwDropFall 6s ease-in infinite}.qw-drop:first-child{left:53%;top:60%;animation-delay:.3s}.qw-drop:nth-child(2){left:47%;top:76%;animation-delay:3.1s}@keyframes qwDropFall{0%{transform:translateY(0) scale(1);opacity:0}6%{opacity:.9}22%{opacity:.7}28%{transform:translateY(20px) scale(.6);opacity:0}100%{opacity:0}}.book-caption,.quill-caption{margin-top:20px;text-align:center;opacity:0;transform:translateY(8px);transition:opacity 1.1s ease .9s,transform 1.1s ease .9s}.book-wrap.in-view .book-caption,.quill-wrap.in-view .quill-caption{opacity:1;transform:translateY(0)}@media (max-width:900px){.quill-wrap{display:none}}@media (prefers-reduced-motion:reduce){.quill,.qw-drop,.qw-nib,.qw-stroke{animation:none!important}.quill-wrap.in-view{opacity:.96;filter:blur(0px)}}.book-wrap{position:absolute;right:max(calc((100vw - 1180px)/ 4 - 80px),6px);top:50%;transform:translateY(-50%);width:clamp(150px,15vw,240px);z-index:0;pointer-events:none;opacity:0;filter:blur(10px);transition:opacity 1.1s ease,filter 1.1s ease}.book-wrap.in-view{opacity:.96;filter:blur(0px) drop-shadow(0 18px 26px rgba(0,0,0,.35))}.book{position:relative;animation:bkIdle 7s ease-in-out infinite,bkPulse 10s ease-in-out infinite}.book-wrap.in-view .book{animation:bkRise 1.5s cubic-bezier(.22,1.4,.36,1) both,bkIdle 7s ease-in-out 1.5s infinite,bkPulse 10s ease-in-out 1.5s infinite}.book svg{width:100%;height:auto;display:block;overflow:visible;position:relative;z-index:2}@keyframes bkRise{0%{transform:translateY(90%) scale(.7);opacity:0}60%{transform:translateY(-4%) scale(1.03);opacity:1}100%{transform:translateY(0) scale(1);opacity:1}}@keyframes bkIdle{0%,100%{transform:translateY(0) rotate(-.6deg)}50%{transform:translateY(-5px) rotate(.6deg)}}@keyframes bkPulse{0%,88%{filter:brightness(1) drop-shadow(0 0 0 rgba(224,195,117,0))}95%{filter:brightness(1.22) drop-shadow(0 0 7px rgba(224,195,117,.45))}100%{filter:brightness(1) drop-shadow(0 0 0 rgba(224,195,117,0))}}.bk-shadow{animation:bkShadowPulse 10s ease-in-out infinite}@keyframes bkShadowPulse{0%,10%,100%,42%,50%,80%{opacity:.22}20%,58%{opacity:.38}}.bk-flip-mid,.bk-flip-top{transform-box:fill-box;transform-origin:0% 50%}.bk-flip-top{animation:bkFlipTop 10s ease-in-out infinite}.bk-flip-mid{animation:bkFlipMid 10s ease-in-out infinite}@keyframes bkFlipTop{0%,8%{transform:scaleX(1) skewY(0);opacity:.97}14%{transform:scaleX(.86) skewY(-.8deg);opacity:.96}19%{transform:scaleX(.62) skewY(-1.8deg);opacity:.92}23%{transform:scaleX(.36) skewY(-2.6deg);opacity:.78}27%{transform:scaleX(.14) skewY(-1.4deg);opacity:.5}30%{transform:scaleX(.04) skewY(0);opacity:.18}32%,90%{transform:scaleX(.04) skewY(0);opacity:0}94%{transform:scaleX(.18) skewY(1deg);opacity:.2}97%{transform:scaleX(.6) skewY(.6deg);opacity:.65}100%{transform:scaleX(1) skewY(0);opacity:.97}}@keyframes bkFlipMid{0%,44%{transform:scaleX(1) skewY(0);opacity:.95}50%{transform:scaleX(.86) skewY(-.8deg);opacity:.94}55%{transform:scaleX(.62) skewY(-1.8deg);opacity:.88}59%{transform:scaleX(.36) skewY(-2.6deg);opacity:.72}63%{transform:scaleX(.14) skewY(-1.4deg);opacity:.45}66%{transform:scaleX(.04) skewY(0);opacity:.14}68%,90%{transform:scaleX(.04) skewY(0);opacity:0}94%{transform:scaleX(.18) skewY(1deg);opacity:.18}97%{transform:scaleX(.6) skewY(.6deg);opacity:.6}100%{transform:scaleX(1) skewY(0);opacity:.95}}.bk-sheen{animation:bkSheen 10s ease-in-out infinite}.bk-sheen-top{animation-name:bkSheenTop}.bk-sheen-mid{animation-name:bkSheenMid}@keyframes bkSheenTop{0%,100%,18%,20%,34%{opacity:0}26%{opacity:.55}}@keyframes bkSheenMid{0%,100%,52%,56%,70%{opacity:0}62%{opacity:.5}}.bk-text-line{opacity:.35}.bk-footnote{animation:hlFlicker 2.8s ease-in-out infinite}.bk-footnote:nth-child(2n){animation-duration:3.4s;animation-delay:.4s}.bk-footnote:nth-child(3n){animation-duration:2.3s;animation-delay:.8s}.bk-ribbon{animation:bkRibbonSway 4.2s ease-in-out infinite;transform-box:fill-box;transform-origin:50% 0%}@keyframes bkRibbonSway{0%,100%{transform:rotate(-1.6deg)}50%{transform:rotate(1.6deg)}}@media (max-width:900px){.book-wrap{display:none}}@media (prefers-reduced-motion:reduce){.bk-flip-mid,.bk-flip-top,.bk-footnote,.bk-ribbon,.bk-shadow,.bk-sheen,.book{animation:none!important}.bk-flip-mid,.bk-flip-top{opacity:.97;transform:scaleX(1)}.book-wrap.in-view{opacity:.96;filter:blur(0px)}}.gold-highlight{color:var(--gold-bright);font-weight:700}#goldenage .section-head{max-width:none;width:100%}#goldenage .section-head p{text-align:justify}.map-title{margin-bottom:6px;text-align:center}.map-title .eyebrow{justify-content:center}.map-title h3{font-size:24px;color:var(--gold-bright);margin-top:6px}.map-feature{display:flex;flex-direction:column;gap:44px;margin-bottom:72px}.map-figure{position:relative;margin:0;border-radius:18px;overflow:hidden;border:1px solid var(--line-bright);box-shadow:0 30px 70px -20px rgba(0,0,0,.55);width:100%;aspect-ratio:16/9;background:var(--navy-mid)}.map-figure iframe,.map-figure img{width:100%;height:100%;object-fit:cover;display:block;border:0}.map-figure::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,21,37,0) 75%,rgba(6,21,37,.85) 100%);pointer-events:none}.map-figure figcaption{position:absolute;left:22px;right:22px;bottom:16px;font-size:12px;letter-spacing:.06em;color:var(--ivory-dim);z-index:2}.map-info{width:100%}.map-info-head{display:flex;flex-direction:column;gap:22px;margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid var(--line)}.map-info-head .map-info-text{max-width:none;width:100%}.map-info-head .map-info-text p{text-align:justify}.map-info-head p{font-size:15px;line-height:1.7;color:rgba(245,241,230,.65)}.map-legend{display:flex;flex-wrap:wrap;gap:16px 22px;flex-shrink:0}.map-legend-item{display:flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.02em;color:var(--ivory-dim);white-space:nowrap}.map-legend-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.map-legend-dot.dot-region{background:rgba(224,195,117,.22);border:1px solid var(--gold);border-radius:3px}.map-legend-dot.dot-capital{background:var(--gold-bright);box-shadow:0 0 8px var(--gold-glow)}.map-legend-dot.dot-city{background:var(--cyan)}.map-legend-dot.dot-route{background:0 0;border-top:2px dashed var(--gold);width:14px;height:0;border-radius:0}.map-cities{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.map-city-icon{width:32px;height:32px;flex-shrink:0;color:var(--gold-bright);opacity:.9;transition:transform .45s cubic-bezier(.34,1.56,.64,1),color .3s ease}.map-city-icon svg{width:100%;height:100%;display:block}.map-city{position:relative;overflow:hidden;border:1px solid var(--line);border-left:2px solid var(--line-bright);border-radius:10px;padding:16px 18px;background:rgba(245,241,230,.02);transition:border-color .3s ease,background .3s ease,transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1);display:flex;align-items:center;gap:14px;opacity:0}.map-city::before{content:'';position:absolute;top:0;left:-75%;width:45%;height:100%;background:linear-gradient(120deg,transparent,rgba(224,195,117,.1),transparent);transform:skewX(-20deg);transition:left .7s ease;pointer-events:none}.map-city:hover::before{left:130%}.map-city:hover{border-color:var(--line-bright);background:rgba(245,241,230,.045);transform:translateY(-4px);box-shadow:0 14px 30px -12px rgba(0,0,0,.5)}.map-city:hover .map-city-icon{transform:scale(1.12) rotate(-6deg);color:var(--gold-bright)}.map-city:hover .map-city-name{color:var(--gold-bright)}.map-city.is-capital{border-left-color:var(--gold-bright)}.map-city.is-capital:hover{box-shadow:0 14px 30px -10px rgba(224,195,117,.22),0 0 0 1px rgba(224,195,117,.18)}.map-city.is-capital::after{content:'';position:absolute;top:11px;right:12px;width:5px;height:5px;border-radius:50%;background:var(--gold-bright);animation:capitalPulse 2.6s ease-out infinite}@keyframes capitalPulse{0%{box-shadow:0 0 0 0 rgba(224,195,117,.55)}70%{box-shadow:0 0 0 9px rgba(224,195,117,0)}100%{box-shadow:0 0 0 0 rgba(224,195,117,0)}}@keyframes cityCardIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.map-feature.in .map-city{animation:cityCardIn .7s cubic-bezier(.16,1,.3,1) both}.map-feature.in .map-cities .map-city:first-child{animation-delay:.04s}.map-feature.in .map-cities .map-city:nth-child(2){animation-delay:.09s}.map-feature.in .map-cities .map-city:nth-child(3){animation-delay:.14s}.map-feature.in .map-cities .map-city:nth-child(4){animation-delay:.19s}.map-feature.in .map-cities .map-city:nth-child(5){animation-delay:.24s}.map-feature.in .map-cities .map-city:nth-child(6){animation-delay:.29s}.map-feature.in .map-cities .map-city:nth-child(7){animation-delay:.34s}.map-feature.in .map-cities .map-city:nth-child(8){animation-delay:.39s}.map-feature.in .map-cities .map-city:nth-child(9){animation-delay:.44s}.map-feature.in .map-cities .map-city:nth-child(10){animation-delay:.49s}.map-feature.in .map-cities .map-city:nth-child(11){animation-delay:.54s}.map-city-body{min-width:0}.map-city-name{font-size:14px;font-weight:600;color:var(--ivory);letter-spacing:.01em;transition:color .3s ease}.map-city-name .ar{font-size:11px;color:rgba(245,241,230,.5);font-weight:400;margin-left:6px}.map-city-tag{font-size:11.5px;color:rgba(245,241,230,.5);margin-top:4px}.map-regions{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:28px}.map-region-chip{position:relative;overflow:hidden;font-size:11px;letter-spacing:.08em;padding:7px 18px;border-radius:999px;border:1px solid var(--line-bright);color:var(--ivory-dim);flex:1 1 0;text-align:center;white-space:nowrap;transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease,border-color .25s ease,color .25s ease}.map-region-chip::before{content:'';position:absolute;top:0;left:-70%;width:40%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.16),transparent);transform:skewX(-20deg);transition:left .6s ease;pointer-events:none}.map-region-chip:hover::before{left:130%}.map-region-chip:hover{transform:translateY(-3px) scale(1.03)}.chip-andalus{border-color:rgba(90,155,132,.55);color:#7fc4a8}.chip-andalus:hover{box-shadow:0 6px 18px -4px rgba(90,155,132,.5);background:rgba(90,155,132,.08)}.chip-maghrib{border-color:rgba(214,138,77,.55);color:#e2a06f}.chip-maghrib:hover{box-shadow:0 6px 18px -4px rgba(214,138,77,.5);background:rgba(214,138,77,.08)}.chip-mesir{border-color:rgba(91,168,189,.55);color:#7fc7dd}.chip-mesir:hover{box-shadow:0 6px 18px -4px rgba(91,168,189,.5);background:rgba(91,168,189,.08)}.chip-syam{border-color:rgba(196,98,110,.55);color:#dd8d97}.chip-syam:hover{box-shadow:0 6px 18px -4px rgba(196,98,110,.5);background:rgba(196,98,110,.08)}.chip-persia{border-color:rgba(106,123,201,.55);color:#a5b3e8}.chip-persia:hover{box-shadow:0 6px 18px -4px rgba(106,123,201,.5);background:rgba(106,123,201,.08)}.chip-khorasan{border-color:rgba(201,162,75,.65);color:var(--gold-bright)}.chip-khorasan:hover{box-shadow:0 6px 18px -4px rgba(201,162,75,.5);background:rgba(201,162,75,.08)}@media (max-width:720px){.map-info-head{align-items:flex-start}.map-cities{grid-template-columns:1fr 1fr}.map-region-chip{flex:1 1 30%}}@media (max-width:480px){.map-cities{grid-template-columns:1fr}}.timeline{display:flex;overflow:hidden;padding-bottom:24px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}.tl-track{display:flex;gap:0;flex-shrink:0;animation:tl-scroll 72s linear infinite}.timeline:hover .tl-track{animation-play-state:paused}@keyframes tl-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}.tl-item{min-width:380px;flex-shrink:0;padding:0;margin-right:0;border:1px solid var(--line);border-left:none;position:relative;background:rgba(11,37,64,.3);transition:background .45s,border-color .45s,box-shadow .45s;display:flex;flex-direction:row;align-items:stretch;overflow:hidden}.tl-item:first-child{border-left:1px solid var(--line)}.tl-item:hover{background:rgba(11,37,64,.72);border-color:rgba(201,162,75,.45);box-shadow:0 0 40px rgba(201,162,75,.08)}.tl-item::before{content:"";position:absolute;top:-1px;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--gold),transparent);transform:scaleX(0);transform-origin:left;transition:transform .5s;z-index:2}.tl-item:hover::before{transform:scaleX(1)}.tl-portrait{width:148px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:rgba(6,21,37,.55);border-right:1px solid rgba(201,162,75,.12);position:relative;padding:28px 18px;transition:background .45s}.tl-item:hover .tl-portrait{background:rgba(6,21,37,.8);border-right-color:rgba(201,162,75,.28)}.tl-portrait::before{content:"";position:absolute;inset:0;z-index:-1;background-color:var(--gold);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48'%3E%3Cg fill='none' stroke='white' stroke-width='1.6'%3E%3Cpath d='M24 0L48 24L24 48L0 24Z'/%3E%3Cpath d='M24 7L41 24L24 41L7 24Z'/%3E%3Cpath d='M0 0L24 24L48 0M0 48L24 24L48 48'/%3E%3C/g%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48'%3E%3Cg fill='none' stroke='white' stroke-width='1.6'%3E%3Cpath d='M24 0L48 24L24 48L0 24Z'/%3E%3Cpath d='M24 7L41 24L24 41L7 24Z'/%3E%3Cpath d='M0 0L24 24L48 0M0 48L24 24L48 48'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask-repeat:repeat;mask-repeat:repeat;-webkit-mask-size:48px 48px;mask-size:48px 48px;opacity:.4;mix-blend-mode:normal;transition:opacity .5s;pointer-events:none}.tl-item:hover .tl-portrait::before{opacity:.55}.tl-portrait::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 80% 70% at 50% 60%,rgba(201,162,75,.07) 0,transparent 70%);pointer-events:none;opacity:0;transition:opacity .5s}.tl-item:hover .tl-portrait::after{opacity:1}.tl-portrait svg{width:96px;height:96px;display:block;position:relative;z-index:1}.tl-body-wrap{flex:1;padding:26px 24px 24px;display:flex;flex-direction:column;justify-content:center}.tl-year{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--gold);letter-spacing:.08em;background:rgba(201,162,75,.1);display:inline-block;padding:3px 8px;border-radius:1px;align-self:flex-start}.tl-name{font-size:21px;margin-top:12px;color:var(--ivory);font-family:'Cormorant Garamond',serif;font-weight:700;line-height:1.2}.tl-field{font-size:10.5px;color:var(--cyan);margin-top:5px;font-family:'JetBrains Mono',monospace;letter-spacing:.07em;text-transform:uppercase}.tl-desc{font-size:13.5px;color:rgba(245,241,230,.58);margin-top:12px;line-height:1.65}.tl-item[data-field=fikih] .tl-portrait{--accent:var(--gold)}.tl-item[data-field=hadis] .tl-portrait{--accent:#9ff0c4}.tl-item[data-field=sains] .tl-portrait{--accent:var(--cyan)}.tl-item[data-field=tafsir] .tl-portrait{--accent:#d4a4ff}.tl-item[data-field=filsafat] .tl-portrait{--accent:#f9a880}.video-main{position:relative;width:100%;aspect-ratio:16/9;border:1px solid var(--line);background:var(--navy-deep);overflow:hidden;margin-bottom:40px;border-radius:14px}.video-main iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.video-row-label{font-family:'JetBrains Mono',monospace;font-size:11.5px;color:var(--cyan);letter-spacing:.08em;margin-bottom:18px;text-transform:uppercase}.video-row{display:flex;gap:20px;overflow-x:auto;padding-bottom:24px;scrollbar-width:thin;scrollbar-color:var(--gold) rgba(201,162,75,0.1)}.video-row::-webkit-scrollbar{height:3px}.video-row::-webkit-scrollbar-track{background:rgba(201,162,75,.1)}.video-row::-webkit-scrollbar-thumb{background:var(--gold);border-radius:2px}.video-card{min-width:300px;max-width:300px;flex-shrink:0;border:1px solid var(--line);background:rgba(11,37,64,.3);transition:background .4s,border-color .4s;border-radius:14px;overflow:hidden}.video-card:hover{background:rgba(11,37,64,.65);border-color:rgba(201,162,75,.35)}.video-card .video-embed{position:relative;width:100%;aspect-ratio:16/9;background:var(--navy-deep);cursor:pointer}.video-card .video-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.video-card .video-embed .yt-thumb{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease,opacity .3s ease}.video-card .video-embed:hover .yt-thumb{transform:scale(1.04);opacity:.85}.video-card .video-embed .yt-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.video-card .video-embed .yt-play svg{width:56px;height:56px;filter:drop-shadow(0 2px 8px rgba(0,0,0,.7));transition:transform .2s ease}.video-card .video-embed:hover .yt-play svg{transform:scale(1.12)}.blog-row{display:flex;gap:20px;overflow-x:auto;padding-bottom:24px;scrollbar-width:thin;scrollbar-color:var(--gold) rgba(201,162,75,0.1)}.blog-row::-webkit-scrollbar{height:3px}.blog-row::-webkit-scrollbar-track{background:rgba(201,162,75,.1)}.blog-row::-webkit-scrollbar-thumb{background:var(--gold);border-radius:2px}.blog-card{min-width:320px;max-width:320px;flex-shrink:0;border:1px solid var(--line);background:rgba(11,37,64,.3);transition:background .4s,border-color .4s,transform .4s;border-radius:14px;overflow:hidden;text-decoration:none;display:block}.blog-card:hover{background:rgba(11,37,64,.65);border-color:rgba(201,162,75,.35);transform:translateY(-4px)}.blog-card .blog-thumb{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;background:var(--navy-deep)}.blog-card .blog-body{padding:22px 22px 26px}.blog-meta{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--gold);letter-spacing:.06em;display:flex;align-items:center;gap:8px;margin-bottom:10px}.blog-meta .dot{opacity:.5}.blog-title{font-size:20px;color:var(--ivory);font-family:'Cormorant Garamond',serif;font-weight:700;line-height:1.3}.blog-excerpt{font-size:13.5px;color:rgba(245,241,230,.58);margin-top:10px;line-height:1.6}.blog-readmore{margin-top:16px;font-family:'JetBrains Mono',monospace;font-size:11.5px;color:var(--cyan);letter-spacing:.06em;display:inline-flex;align-items:center;gap:6px}.blog-readmore::after{content:"→";transition:transform .3s}.blog-card:hover .blog-readmore::after{transform:translateX(4px)}.manifesto{background:var(--navy-deep);border:1px solid rgba(201,162,75,.22);padding:84px 72px;position:relative;overflow:hidden}.manifesto .m-corner{position:absolute;width:64px;height:64px;opacity:.5}.manifesto .m-tl{top:24px;left:24px;border-top:1px solid var(--gold);border-left:1px solid var(--gold)}.manifesto .m-tl::before{content:"";position:absolute;top:8px;left:8px;width:12px;height:12px;border-top:1px solid rgba(201,162,75,.4);border-left:1px solid rgba(201,162,75,.4)}.manifesto .m-tr{top:24px;right:24px;border-top:1px solid var(--gold);border-right:1px solid var(--gold)}.manifesto .m-tr::before{content:"";position:absolute;top:8px;right:8px;width:12px;height:12px;border-top:1px solid rgba(201,162,75,.4);border-right:1px solid rgba(201,162,75,.4)}.manifesto .m-bl{bottom:24px;left:24px;border-bottom:1px solid var(--gold);border-left:1px solid var(--gold)}.manifesto .m-bl::before{content:"";position:absolute;bottom:8px;left:8px;width:12px;height:12px;border-bottom:1px solid rgba(201,162,75,.4);border-left:1px solid rgba(201,162,75,.4)}.manifesto .m-br{bottom:24px;right:24px;border-bottom:1px solid var(--gold);border-right:1px solid var(--gold)}.manifesto .m-br::before{content:"";position:absolute;bottom:8px;right:8px;width:12px;height:12px;border-bottom:1px solid rgba(201,162,75,.4);border-right:1px solid rgba(201,162,75,.4)}.manifesto-bg-geo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;border:1px solid rgba(201,162,75,.05);border-radius:50%;pointer-events:none}.manifesto-bg-geo::before{content:"";position:absolute;inset:60px;border:1px solid rgba(201,162,75,.04);border-radius:50%}.manifesto-bg-geo::after{content:"";position:absolute;inset:120px;border:1px solid rgba(201,162,75,.03);border-radius:50%}.manifesto-quote{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:clamp(24px,3vw,36px);line-height:1.55;color:var(--ivory);width:100%;position:relative;z-index:1;text-align:justify;hyphens:auto}.manifesto-quote span{color:var(--gold-bright);text-shadow:0 0 20px rgba(224,195,117,.25)}.manifesto-by{margin-top:28px;font-size:12px;color:var(--gold-bright);text-shadow:0 0 12px rgba(224,195,117,.45);font-family:'JetBrains Mono',monospace;letter-spacing:.12em;position:relative;z-index:1}.manifesto-points{margin-top:52px;display:grid;grid-template-columns:repeat(3,1fr);gap:36px;position:relative;z-index:1}.mp{border-top:1px solid rgba(201,162,75,.2);padding-top:22px;transition:border-color .35s}.mp:hover{border-color:rgba(201,162,75,.55)}.mp .num{font-family:'JetBrains Mono',monospace;color:var(--gold);font-size:12px;letter-spacing:.08em}.mp p{margin-top:12px;font-size:14px;color:rgba(245,241,230,.62);line-height:1.65}.newsletter-wrap{border:1px solid var(--line);background:linear-gradient(135deg,rgba(11,37,64,.7) 0,rgba(6,21,37,.8) 100%);backdrop-filter:blur(8px);padding:72px 64px;position:relative;overflow:hidden}.newsletter-wrap::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--gold),var(--gold-bright),var(--gold),transparent);opacity:.45}.newsletter{display:flex;align-items:center;justify-content:space-between;gap:56px;flex-wrap:wrap}.newsletter-text{max-width:460px}.newsletter-text h2{font-size:clamp(24px,3vw,32px);line-height:1.25;margin-top:16px}.newsletter-text p{margin-top:12px;font-size:15px;line-height:1.7;color:rgba(245,241,230,.58)}.newsletter-form{display:flex;gap:0;flex:1;min-width:300px;max-width:460px}.newsletter-form input{flex:1;background:rgba(6,21,37,.7);border:1px solid rgba(201,162,75,.25);border-right:none;padding:16px 20px;color:var(--ivory);font-family:Inter,sans-serif;font-size:14px;border-radius:0;transition:border-color .3s}.newsletter-form input::placeholder{color:rgba(245,241,230,.3)}.newsletter-form input:focus{outline:0;border-color:rgba(201,162,75,.6);background:rgba(6,21,37,.9)}.newsletter-form button{background:var(--gold);color:var(--navy-deep);border:none;padding:0 28px;font-weight:600;cursor:pointer;font-size:13px;transition:background .3s,transform .25s;font-family:'JetBrains Mono',monospace;letter-spacing:.06em;white-space:nowrap}.newsletter-form button:hover{background:var(--gold-bright);transform:scale(1.02)}.nl-note{margin-top:14px;font-size:12px;color:rgba(245,241,230,.28);font-family:'JetBrains Mono',monospace;letter-spacing:.05em}footer{padding:72px 0 44px;border-top:1px solid var(--line);position:relative;z-index:1}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:40px;align-items:start}.footer-brand p{font-size:14px;color:var(--ivory-dim);max-width:300px;line-height:1.7;margin-top:16px}.footer-grid h4{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ivory);margin-bottom:20px;font-family:'JetBrains Mono',monospace;font-weight:500}.footer-grid a{display:block;color:var(--ivory-dim);text-decoration:none;font-size:14px;margin-bottom:11px;transition:color .25s,transform .25s;width:fit-content}.footer-grid a:hover{color:var(--gold-bright);transform:translateX(4px)}.footer-socials{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.footer-socials .social-btn{display:flex!important;align-items:center;justify-content:center;width:34px!important;height:34px!important;min-width:34px;min-height:34px;max-width:34px;max-height:34px;flex:0 0 34px;box-sizing:border-box;border-radius:50%;margin-bottom:0!important;border:1px solid rgba(201,162,75,.3);color:rgba(201,162,75,.75);background:rgba(201,162,75,.04);transition:border-color .3s,color .3s,box-shadow .3s,transform .3s}.footer-socials .social-btn:hover{border-color:var(--gold-bright);color:var(--gold-bright);box-shadow:0 0 14px rgba(201,162,75,.3);transform:translateY(-2px)}.footer-bottom{margin-top:60px;padding-top:26px;border-top:1px solid var(--line);display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px}.footer-bottom p{font-size:12px;color:var(--ivory-dim);letter-spacing:.02em}.footer-credit{flex-basis:100%;opacity:.7}.footer-credit a{color:var(--ivory);text-decoration:none;border-bottom:1px solid rgba(245,241,230,.3);transition:color .3s ease,border-color .3s ease}.footer-credit a:hover{color:var(--gold-bright);border-color:rgba(224,195,117,.7)}.explorer-feature{position:relative;border-radius:4px;overflow:hidden;border:1px solid var(--line);min-height:520px;display:flex;align-items:flex-end;background:var(--navy-mid)}.explorer-bg{position:absolute;inset:0;z-index:0;background:url('../images/water-cycle-hero.jpg') center 30%/cover no-repeat;animation:explorerKenBurns 24s ease-in-out infinite alternate;will-change:transform}@keyframes explorerKenBurns{0%{transform:scale(1) translate(0,0)}50%{transform:scale(1.14) translate(-1%,-1.5%)}100%{transform:scale(1.22) translate(1%,.5%)}}@media (prefers-reduced-motion:reduce){.explorer-bg{animation:none}}.explorer-feature::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(6,21,37,.15) 0,rgba(6,21,37,.55) 55%,rgba(6,21,37,.94) 100%),linear-gradient(90deg,rgba(6,21,37,.75) 0,rgba(6,21,37,.15) 45%,transparent 70%);pointer-events:none}.explorer-feature::after{content:"";position:absolute;inset:0;z-index:1;border:1px solid rgba(201,162,75,.22);pointer-events:none}.explorer-content{position:relative;z-index:2;padding:48px 52px;max-width:640px}.explorer-pill{display:inline-flex;align-items:center;gap:10px;font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-bright);border:1px solid rgba(201,162,75,.4);background:rgba(11,37,64,.55);backdrop-filter:blur(6px);padding:8px 16px;border-radius:20px;margin-bottom:22px}.explorer-pill::before{content:"◆";font-size:9px;opacity:.85}.explorer-content h2{font-size:clamp(30px,3.6vw,42px);color:var(--ivory);line-height:1.15;margin-bottom:18px}.explorer-content p{font-size:15.5px;line-height:1.75;color:rgba(245,241,230,.72);margin-bottom:14px}.explorer-status{display:inline-flex;align-items:center;gap:8px;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.06em;color:rgba(245,241,230,.55);margin-bottom:28px}.explorer-status .dot{width:7px;height:7px;border-radius:50%;background:var(--emerald-bright);box-shadow:0 0 8px var(--emerald-bright);animation:explorerPulse 1.8s ease-in-out infinite}@keyframes explorerPulse{0%,100%{opacity:.5}50%{opacity:1}}.explorer-cta-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.explorer-meta{position:relative;z-index:2;margin-left:auto;padding:48px 52px 48px 0;display:flex;flex-direction:column;gap:18px;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.05em;color:rgba(245,241,230,.5);text-align:right}.explorer-meta .em-item{display:flex;align-items:center;justify-content:flex-end;gap:8px}.explorer-meta .em-item span:last-child{color:var(--gold-bright)}@media (max-width:860px){.explorer-feature{flex-direction:column;align-items:stretch}.explorer-bg{background-position:center 20%}.explorer-content{padding:36px 26px;max-width:none}.explorer-meta{display:none}}.section-divider{width:100%;height:1px;background:linear-gradient(90deg,transparent 0,var(--line-bright) 20%,rgba(201,162,75,.1) 50%,var(--line-bright) 80%,transparent 100%);margin:0;position:relative;z-index:1}.section-divider::before{content:"◆";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:rgba(201,162,75,.3);font-size:10px;background:var(--navy-deep);padding:0 16px}@media (max-width:860px){.wrap{padding:0 24px}.navlinks{display:none}.pillars{grid-template-columns:1fr}.ayat-grid{grid-template-columns:1fr}.ayat-card.feature{grid-row:auto}.manifesto-points{grid-template-columns:1fr;gap:24px}.manifesto{padding:48px 32px}.footer-grid{grid-template-columns:1fr 1fr;gap:36px}.newsletter-wrap{padding:48px 28px}.hero-stats{flex-wrap:wrap;max-width:100%}.hero-stats>div{border-right:none;border-bottom:1px solid var(--line)}.hero-stats>div:last-child{border-bottom:none}.hero-content h1{font-size:42px}.hero-eyebrow{white-space:normal;font-size:9.5px;padding:7px 16px;text-align:center}.hero-eyebrow-row{flex-wrap:wrap;row-gap:8px}.hero-eyebrow-row .hline{width:24px}.qt-terminal{animation:none}.scroll-cue{display:none}section{padding:80px 0}}

/* ══════════════════════════════════════════════════════════════
   AUTO-SPOTLIGHT — mereplikasi state :hover kartu .ayat-card
   secara otomatis lewat class .auto-spotlight (dikontrol JS),
   supaya pengguna yang tidak hover (terutama mobile/touch) tetap
   bisa melihat efek reveal gambar bergiliran per kartu.
   ══════════════════════════════════════════════════════════════ */
.ayat-card.auto-spotlight{border-color:rgba(201,162,75,.5);transform:translateY(-5px);box-shadow:0 20px 60px rgba(0,0,0,.4),0 0 0 1px rgba(201,162,75,.12),inset 0 1px 0 rgba(201,162,75,.1)}
.ayat-card.auto-spotlight::before{opacity:1}
.ayat-card.auto-spotlight .c-br,.ayat-card.auto-spotlight .c-tl{opacity:.8}
.ayat-card.auto-spotlight::after{left:120%}
.ayat-card.has-media.auto-spotlight{transform:translateY(-8px) scale(1.1);z-index:30;box-shadow:0 40px 80px rgba(0,0,0,.65),0 0 0 1px rgba(201,162,75,.35),0 0 40px rgba(201,162,75,.08);border-color:rgba(201,162,75,.5)}
.ayat-card.has-media.auto-spotlight .ayat-hover-media{max-height:220px;opacity:1;margin-top:14px}
@media (prefers-reduced-motion:reduce){.ayat-card.auto-spotlight{transform:none}.ayat-card.has-media.auto-spotlight{transform:none}}