.startup-loader .scene{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2.5rem;padding:5rem 0 3rem;perspective:1200px}.startup-loader .book{--w: 113px;--h: 170px;--dur: 7s;--cover: #873e23;--paper: #faf5ec;--paper-back: #f6f0e4;--endpaper: #e8e0d0;--ink: rgba(160, 130, 90, .25);--foil: rgba(180, 210, 255, .55);position:relative;width:260px;height:180px;transform-style:preserve-3d;animation:aqoon-book-bob var(--dur) ease-in-out infinite}@keyframes aqoon-book-bob{0%,to{transform:rotateX(28deg) rotateY(-10deg)}50%{transform:rotateX(28deg) rotateY(-10deg) translateY(-6px)}}.startup-loader .stack{position:absolute;top:5px;left:50%;width:var(--w);height:var(--h);transform:translateZ(10px);transform-style:preserve-3d}.startup-loader .stack>*{position:absolute;inset:0;transform-origin:left center;transform-style:preserve-3d;will-change:transform;animation:var(--dur) ease-in-out infinite}.startup-loader .stack>*:before,.startup-loader .stack>*:after{content:"";position:absolute;inset:0;border-radius:0 3px 3px 0;backface-visibility:hidden;background-repeat:no-repeat;transform:translateZ(var(--z, 0px))}.startup-loader .stack>*:after{transform:translateZ(var(--z, 0px)) rotateY(180deg)}.startup-loader .page:before,.startup-loader .page:after,.startup-loader .cover:after{background-image:repeating-linear-gradient(var(--ink) 0 2px,#0000 0 40px),repeating-linear-gradient(#0000 0 10px,var(--ink) 0 12px,#0000 0 40px),repeating-linear-gradient(#0000 0 20px,var(--ink) 0 22px,#0000 0 40px),repeating-linear-gradient(#0000 0 30px,var(--ink) 0 32px,#0000 0 40px);background-position:10px 12px;background-size:93px var(--rows),70px var(--rows),57px var(--rows),86px var(--rows)}.startup-loader .page:before{--rows: 110px;background-color:var(--paper);box-shadow:inset -10px 0 10px -8px #00000029}.startup-loader .page:after{--rows: 90px;background-color:var(--paper-back);box-shadow:inset 10px 0 10px -8px #00000029}.startup-loader .cover:before{background-color:var(--cover);background-image:radial-gradient(circle at 56px 46px,#0000 0 15px,#b4d2ff33 15px 16px,#0000 16px 22px,#b4d2ff59 22px 24px,#0000 24px),linear-gradient(var(--foil) 0 0),linear-gradient(var(--foil) 0 0);background-position:0 0,12px 122px,12px 132px;background-size:auto,71px 3px,49px 3px;border-radius:0 4px 4px 0;box-shadow:inset -14px 0 12px -8px #00000059}.startup-loader .cover:after{--ink: rgba(160, 130, 90, .2);--rows: 50px;background-color:var(--endpaper);border-radius:0 4px 4px 0;box-shadow:inset 12px 0 10px -8px #00000021}.startup-loader .back-cover:before{background-color:var(--cover);border-radius:0 4px 4px 0;box-shadow:inset -4px 0 10px #0000004d,inset -18px 0 12px -8px #00000040}.startup-loader .back-cover:after{display:none}.startup-loader .cover{--z: 0px;animation-name:aqoon-book-f0}.startup-loader .page:nth-child(2){--z: -.3px;animation-name:aqoon-book-f1}.startup-loader .page:nth-child(3){--z: -.6px;animation-name:aqoon-book-f2}.startup-loader .page:nth-child(4){--z: -.9px;animation-name:aqoon-book-f3}.startup-loader .page:nth-child(5){--z: -1.2px;animation-name:aqoon-book-f4}.startup-loader .page:nth-child(6){--z: -1.5px;animation-name:aqoon-book-f5}.startup-loader .page:nth-child(7){--z: -1.8px;animation-name:aqoon-book-f6}.startup-loader .back-cover{--z: -2.1px}@keyframes aqoon-book-f0{0%,3%{transform:rotateY(0)}5%{transform:rotateY(-8deg)}16%,86%{transform:rotateY(-178deg)}90%{transform:rotateY(-172deg)}99%,to{transform:rotateY(0)}}@keyframes aqoon-book-f1{0%,41%{transform:rotateY(0)}43%{transform:rotateY(-8deg)}54%,83%{transform:rotateY(-178deg)}86%{transform:rotateY(-172deg)}96%,to{transform:rotateY(0)}}@keyframes aqoon-book-f2{0%,43%{transform:rotateY(0)}45%{transform:rotateY(-8deg)}56%,82%{transform:rotateY(-178deg)}85%{transform:rotateY(-172deg)}94%,to{transform:rotateY(0)}}@keyframes aqoon-book-f3{0%,5.16%{transform:rotateY(0)}9.46%{transform:rotateY(-8deg)}26.66%,68.154%{transform:rotateY(-178deg)}75.077%{transform:rotateY(-172deg)}85.462%,to{transform:rotateY(0)}}@keyframes aqoon-book-f4{0%,6.88%{transform:rotateY(0)}11.18%{transform:rotateY(-8deg)}28.38%,66.769%{transform:rotateY(-178deg)}73.692%{transform:rotateY(-172deg)}84.077%,to{transform:rotateY(0)}}@keyframes aqoon-book-f5{0%,8.6%{transform:rotateY(0)}12.9%{transform:rotateY(-8deg)}30.1%,65.385%{transform:rotateY(-178deg)}72.308%{transform:rotateY(-172deg)}82.692%,to{transform:rotateY(0)}}@keyframes aqoon-book-f6{0%,10.32%{transform:rotateY(0)}14.62%{transform:rotateY(-8deg)}31.82%,64%{transform:rotateY(-178deg)}70.923%{transform:rotateY(-172deg)}81.308%,to{transform:rotateY(0)}}.startup-loader .label{margin:0;font:600 14px/1 system-ui,sans-serif;color:#a0a0a0;letter-spacing:.07em;text-transform:uppercase;animation:aqoon-book-lp 1.5s ease-in-out infinite alternate}@keyframes aqoon-book-lp{0%{opacity:.4}to{opacity:1}}@media(prefers-reduced-motion:reduce){.startup-loader .book,.startup-loader .stack>*,.startup-loader .label{animation:none}.startup-loader .book{transform:rotateX(28deg) rotateY(-10deg)}.startup-loader .label{opacity:.8}}.startup-loader .scene{padding:0;gap:0;perspective:1200px;margin:0 0 8px}.startup-loader .book{--w:126px;--h:202px;--dur:4s;--cover:#101014;--paper:#fff;--paper-back:#fff;--endpaper:#fff}.startup-loader .cover:before,.startup-loader .back-cover:before{background:#101014;border-radius:0 4px 4px 0}.startup-loader .cover .real-cover{position:absolute;left:-27%;top:-6.3%;width:151.4%;height:112.3%;object-fit:fill;max-width:none;clip-path:polygon(20% 6%,78% 5.5%,82% 5.8%,83% 6.5%,79.8% 92%,78% 94%,76% 94.4%,17% 89.4%);backface-visibility:hidden;transform:translateZ(.15px);pointer-events:none}.startup-loader .page:before,.startup-loader .page:after,.startup-loader .cover:after{background-color:#fff;background-image:var(--q-page-front,url(../public/images/quran-page003.png));background-size:contain;background-position:center;background-repeat:no-repeat;--rows:0}.startup-loader .page:after{background-image:var(--q-page-back,url(../public/images/quran-page004.png))}.startup-loader .cover:after{background-image:url(../public/images/quran-page003.png)}.startup-loader .page:nth-child(2){--q-page-front:url(../public/images/quran-page004.png);--q-page-back:url(../public/images/quran-page005.png)}.startup-loader .page:nth-child(3){--q-page-front:url(../public/images/quran-page006.png);--q-page-back:url(../public/images/quran-page003.png)}.startup-loader .page:nth-child(4){--q-page-front:url(../public/images/quran-page006.png);--q-page-back:url(../public/images/quran-page005.png)}.startup-loader .page:nth-child(n+4){animation-name:none}.startup-loader .back-cover:before{background:#fff url(../public/images/quran-page006.png) center / calc(100% - 8px) calc(100% - 12px) no-repeat}@media(prefers-reduced-motion:reduce){.startup-loader .cover,.startup-loader .page:nth-child(2),.startup-loader .page:nth-child(3){transform:rotateY(-178deg)}}.startup-loader .scene{transform:scaleX(-1)}.startup-loader .page:before{transform:translateZ(var(--z,0px)) scaleX(-1)}.startup-loader .page:after,.startup-loader .cover:after{transform:translateZ(var(--z,0px)) rotateY(180deg) scaleX(-1)}.startup-loader .cover .real-cover{transform:translateZ(.15px) scaleX(-1)}@media(max-height:520px){.startup-loader .scene{transform:scaleX(-1) scale(.78)}}.startup-loader .book{height:216px;width:280px}