@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=Noto+Naskh+Arabic:wght@500;700&display=swap";:root{--bg: #040404;--fg: #f6f6f6;--muted: #b4b4b4;--line: rgba(255, 255, 255, .14);--line-soft: rgba(255, 255, 255, .08);--gold: #ffffff;--gold-soft: rgba(255, 255, 255, .16)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:radial-gradient(1200px 700px at 82% -8%,rgba(255,255,255,.16),transparent 60%),radial-gradient(940px 540px at -6% 92%,rgba(255,255,255,.1),transparent 62%),radial-gradient(1400px 900px at 50% 45%,rgba(255,255,255,.03),transparent 70%),linear-gradient(160deg,#050505,#090806 45%,#030303);color:var(--fg);overflow-x:hidden;font-family:Noto Naskh Arabic,serif}.app{position:relative}.scene-canvas{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-3}.grain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;pointer-events:none;opacity:.06;background-image:radial-gradient(rgba(255,255,255,.28) .45px,transparent .45px);background-size:4px 4px;mix-blend-mode:soft-light}.islamic-pattern{position:fixed;top:-16%;right:-16%;bottom:-16%;left:-16%;z-index:-1;pointer-events:none;opacity:.16;background:repeating-conic-gradient(from 0deg at 50% 50%,rgba(255,255,255,.1) 0deg 10deg,transparent 10deg 20deg),radial-gradient(900px 560px at 50% 40%,rgba(255,255,255,.1),transparent 70%);background-size:420px 420px,auto;-webkit-mask-image:radial-gradient(circle at 50% 44%,black 44%,transparent 90%);mask-image:radial-gradient(circle at 50% 44%,black 44%,transparent 90%);transform-origin:center;animation:pattern-drift 28s linear infinite}.islamic-arches{position:fixed;bottom:-40px;left:0;right:0;height:210px;z-index:-1;pointer-events:none;opacity:.16;background:radial-gradient(54px 54px at 54px 54px,transparent 50px,rgba(255,255,255,.34) 51px,transparent 54px) 0 0/108px 108px,linear-gradient(180deg,transparent,rgba(255,255,255,.08));animation:arches-float 20s ease-in-out infinite}@keyframes pattern-drift{0%{transform:rotate(0) scale(1)}50%{transform:rotate(6deg) scale(1.04)}to{transform:rotate(12deg) scale(1.08)}}@keyframes arches-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hero-timer{margin-top:10px;max-width:560px;border:1px solid rgba(255,255,255,.24);border-radius:16px;background:linear-gradient(170deg,#ffffff14,#0a0a0adb);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:14px 16px;box-shadow:0 0 0 1px #ffffff14,0 20px 55px #00000073}.hero-timer-head{display:flex;align-items:center;justify-content:space-between;font-family:Space Grotesk,sans-serif;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#efefef;margin-bottom:8px}.hero-timer-pulse{width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 14px #ffffffd9;animation:pulse-mono 1.4s ease-in-out infinite}.hero-timer-value{font-family:Space Grotesk,sans-serif;font-size:clamp(28px,4.5vw,52px);letter-spacing:.05em;color:#fff;text-shadow:0 0 20px rgba(255,255,255,.25)}@keyframes pulse-mono{50%{opacity:.35;transform:scale(.82)}}.topbar{position:fixed;top:0;left:0;right:0;z-index:50;height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);background:linear-gradient(180deg,#080808c2,#0808085c);font-size:13px;letter-spacing:.06em}.status-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:999px;padding:5px 10px;font-family:Space Grotesk,sans-serif;font-size:11px}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 16px #fffffff2}main{width:min(1260px,100%);margin:0 auto;padding-top:60px}section{position:relative;padding:clamp(72px,10vw,132px) 22px;border-bottom:1px solid var(--line-soft)}.hero{min-height:calc(100vh - 60px);display:grid;align-content:center;gap:20px}.kicker,.library-kicker,.counter-label,.ayah-tag{margin:0;color:var(--muted);font-family:Space Grotesk,sans-serif;text-transform:uppercase;letter-spacing:.16em;font-size:11px}.hero-title{margin:0;max-width:10ch;font-size:clamp(56px,12vw,196px);line-height:.81;letter-spacing:-.03em}.title-line{display:block;opacity:0;transform:translateY(30px) skewY(4deg);transform-origin:right center}.intro{margin:0;max-width:780px;margin-inline-start:auto;color:#ddd;line-height:2;font-size:clamp(17px,2vw,23px)}.icons-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.icon-chip{border:1px solid var(--line);border-radius:999px;padding:12px 14px;background:#0c0c0c94;display:inline-flex;align-items:center;justify-content:center;gap:10px;color:var(--gold)}.icon-chip svg{width:18px;height:18px}.icon-chip span{color:#ececec;font-size:15px}.split{display:grid;grid-template-columns:1fr;gap:16px}.panel{border:1px solid var(--line);border-radius:18px;padding:clamp(18px,3vw,30px);background:linear-gradient(175deg,#121212bf,#0a0a0a8f);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.panel-main{max-width:1000px;margin-inline:auto}.ayah{margin:0;color:#fff;line-height:2;font-size:clamp(26px,3.2vw,42px)}.translation{margin:16px 0 0;color:#ddd;font-size:16px;line-height:1.95}.pin-wrap{min-height:180vh}.pin-box{position:sticky;top:12vh;min-height:72vh;border-radius:20px;border:1px solid var(--line);background:radial-gradient(120% 120% at 80% 20%,rgba(255,255,255,.16),transparent 48%),linear-gradient(165deg,#0e0e0edb,#080808c2);padding:clamp(20px,3vw,34px);display:grid;grid-template-rows:auto 1fr;gap:18px;overflow:hidden}.pin-head{display:flex;flex-wrap:wrap;gap:10px}.pin-badge{opacity:0;display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.38);border-radius:999px;padding:8px 12px;color:#eee;background:#ffffff14;font-size:14px}.pin-badge svg{width:15px;height:15px}.pin-body{display:grid;grid-template-columns:1.2fr .8fr;gap:14px}.pin-main{display:grid;align-content:center;gap:14px}.quote-track{position:absolute;top:0;left:0;width:6px;height:100%;background:#ffffff14}.quote-progress{width:100%;height:0%;background:linear-gradient(var(--gold),rgba(255,255,255,.25));transform-origin:top}.big-quote{margin:0;max-width:14ch;font-size:clamp(36px,6vw,84px);line-height:.96}.pin-sub{margin:0;color:#d9d9d9;line-height:1.9;font-size:17px}.pin-chips{display:flex;gap:8px;flex-wrap:wrap}.pin-chip{opacity:0;border:1px solid var(--line);border-radius:999px;padding:5px 10px;color:#eee;background:#ffffff0d;font-size:14px}.pin-gallery{display:grid;gap:10px}.pin-feature-card{opacity:0;border:1px solid var(--line);border-radius:14px;padding:14px;background:linear-gradient(170deg,#ffffff1f,#0c0c0cc7)}.feature-icon{width:36px;height:36px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.45);color:#efefef;background:#ffffff14}.feature-icon svg{width:16px;height:16px}.feature-title{margin:10px 0 4px;color:#fff;font-size:18px}.feature-text{margin:0;color:#d8d8d8;line-height:1.75;font-size:14px}.library-title{margin:0;font-size:clamp(34px,6vw,78px);line-height:.9}.poker-table{margin-top:18px;display:grid;grid-template-columns:1fr;gap:18px;perspective:1200px}.poker-card{opacity:0;position:relative;min-height:250px;border-radius:18px;border:1px solid var(--line);background:linear-gradient(170deg,#ffffff14,#0c0c0ccc 48%,#090807d6);box-shadow:inset 0 1px #ffffff24,0 18px 42px #00000057;padding:20px;overflow:hidden;transform-style:preserve-3d;will-change:transform;transition:box-shadow .3s ease,border-color .3s ease}.poker-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(500px 220px at 0% 0%,var(--gold-soft),transparent 64%);pointer-events:none}.poker-card:after{content:"";position:absolute;top:0;left:0;width:52%;height:1px;background:linear-gradient(90deg,var(--gold),transparent);opacity:.8}.poker-card:hover{border-color:#ffffff70;box-shadow:inset 0 1px #fff3,0 30px 62px #00000075,0 0 0 1px #fff3}.poker-text{margin:12px 0 0;font-size:clamp(24px,2.2vw,30px);line-height:1.9;color:#fff;position:relative;z-index:1}.motion-footer{text-align:center;font-size:clamp(44px,9vw,128px);line-height:.9;color:var(--gold)}.reveal{opacity:0}.pointer-spotlight{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;pointer-events:none;background:radial-gradient(220px 220px at var(--sx, 50vw) var(--sy, 50vh),rgba(255,255,255,.2),transparent 72%);mix-blend-mode:screen;opacity:.45}.cursor-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;pointer-events:none}.cursor-ring,.cursor-core{position:fixed;left:0;top:0;transform:translate(-50%,-50%);border-radius:999px}.cursor-ring{width:34px;height:34px;border:1px solid rgba(255,255,255,.65);box-shadow:0 0 22px #ffffff47}.cursor-core{width:7px;height:7px;background:#fff;box-shadow:0 0 16px #f4deb0cc}.pointer-spark{position:fixed;left:0;top:0;width:7px;height:7px;border-radius:999px;background:#f4deb0f2;box-shadow:0 0 14px #f4deb0cc;transform:translate(-50%,-50%);pointer-events:none;z-index:95;animation:spark-burst .62s cubic-bezier(.17,.84,.44,1) forwards}@keyframes spark-burst{0%{opacity:1;transform:translate(-50%,-50%) scale(.4)}to{opacity:0;transform:translate(calc(-50% + var(--tx)),calc(-50% + var(--ty))) scale(1.4)}}.icon-chip,.pin-badge,.pin-chip,.pin-feature-card,.hero-timer,.panel-main,.pin-box,.poker-card{will-change:transform}@media(max-width:980px){.split,.icons-row,.pin-body{grid-template-columns:1fr}.pin-box{top:10vh}}@media(hover:none),(pointer:coarse){.cursor-layer,.pointer-spotlight{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.title-line,.reveal,.poker-card,.pin-badge,.pin-chip,.pin-feature-card{opacity:1!important;transform:none!important;filter:none!important}}