.book-container{transform-style:preserve-3d;width:100%;height:100%;position:relative;display:flex;flex-direction:column;align-items:center;padding:2rem 0;max-width:600px;margin:0 auto;overflow:hidden}@keyframes turn-page-right{0%{transform:rotateY(0deg);z-index:20;box-shadow:0 0 10px rgba(0,0,0,.1)}25%{box-shadow:-20px 20px 15px rgba(0,0,0,.2);transform:translateX(-5%) rotateY(-25deg);z-index:20}50%{box-shadow:-40px 40px 20px rgba(0,0,0,.25);transform:translateX(-10%) rotateY(-85deg);z-index:20}75%{box-shadow:-20px 20px 15px rgba(0,0,0,.2);transform:translateX(-5%) rotateY(-160deg);z-index:10}to{transform:rotateY(-180deg);z-index:10;box-shadow:0 0 10px rgba(0,0,0,.1)}}@keyframes turn-page-left{0%{transform:rotateY(-180deg);z-index:10;box-shadow:0 0 10px rgba(0,0,0,.1)}25%{box-shadow:20px 20px 15px rgba(0,0,0,.2);transform:translateX(5%) rotateY(-155deg);z-index:10}50%{box-shadow:40px 40px 20px rgba(0,0,0,.25);transform:translateX(10%) rotateY(-95deg);z-index:20}75%{box-shadow:20px 20px 15px rgba(0,0,0,.2);transform:translateX(5%) rotateY(-20deg);z-index:20}to{transform:rotateY(0deg);z-index:20;box-shadow:0 0 10px rgba(0,0,0,.1)}}.book-page-container{perspective:2000px;transform-style:preserve-3d;position:relative}.book-page-turning-right{animation:turn-page-right 1.2s ease-in-out forwards;right:0;z-index:20}.book-page-turning-left,.book-page-turning-right{transform-origin:left center;position:absolute;width:50%;height:100%;top:0;backface-visibility:hidden;box-shadow:0 0 15px rgba(0,0,0,.2);border-radius:0 8px 8px 0}.book-page-turning-left{animation:turn-page-left 1.2s ease-in-out forwards;left:50%;z-index:10}.book-page-static{position:absolute;width:50%;height:100%;backface-visibility:hidden}.book-page-static-left{top:0;left:0;z-index:5;border-radius:8px 0 0 8px}.book-page-static-right{top:0;right:0;z-index:15;border-radius:0 8px 8px 0}.book-fold-effect{position:absolute;top:0;bottom:0;width:10%;background:linear-gradient(90deg,rgba(0,0,0,.05),rgba(0,0,0,.01));z-index:10}.book-fold-left{right:0}.book-fold-right{left:0}.book-shadow{position:absolute;top:0;bottom:0;width:100%;height:100%;background:radial-gradient(ellipse at center,rgba(0,0,0,.2) 0,rgba(0,0,0,0) 80%);opacity:0;z-index:5;transition:opacity .5s ease}.page-turning .book-shadow{opacity:1}.book-page-turning-left:after,.book-page-turning-right:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(45deg,rgba(255,255,255,.05) 25%,transparent 0,transparent 50%,rgba(255,255,255,.05) 0,rgba(255,255,255,.05) 75%,transparent 0,transparent);background-size:8px 8px;opacity:.4;pointer-events:none}@keyframes fold-gradient{0%{opacity:0}30%{opacity:1}70%{opacity:1}to{opacity:0}}.page-turning .book-fold-effect{animation:fold-gradient 1.2s ease-in-out}.book{position:relative;width:290px;height:380px;margin:0 auto;perspective:2000px;transform-style:preserve-3d;transition:transform 1s ease}@media (max-width:768px){.book{width:240px;height:320px}}@media (max-width:480px){.book{width:200px;height:270px}}@media (max-width:375px){.book{width:180px;height:240px}}.book .pages,.book .pages>div{position:absolute;top:0;left:0;transform-style:preserve-3d}.book .pages{width:100%;height:98%;top:1%;left:3%;z-index:10}.book .pages>div{width:100%;height:100%;transform-origin:left center;transition-property:transform;transition-timing-function:ease;background-color:#fff;box-shadow:inset 0 -1px 2px rgba(50,50,50,.1),inset -1px 0 1px rgba(150,150,150,.2);border-radius:0 5px 5px 0;transition-duration:1s;background-size:cover;background-position:50%;background-repeat:no-repeat}.book .pages>div:hover{box-shadow:inset 1px 0 2px rgba(50,50,50,.1),inset -3px 1px 1px rgba(150,150,150,.2)}.book .pages>div label{position:absolute;bottom:0;right:0;width:100%;height:100%;cursor:pointer;text-align:center}.book-guide-text{position:relative;margin:-2rem 0 2rem;text-align:center;width:100%;color:rgb(0,0,0);transition:.5s}.dark .book .pages>div{background-color:#2d3748;box-shadow:inset 0 -1px 2px rgba(0,0,0,.3),inset -1px 0 1px rgba(50,50,50,.4);background-repeat:round;background-position:top}.dark .book-guide-text{color:#e2e8f0}.page1-default{transform:rotateY(-34deg)}.page1-flipped{transform:rotateY(-140deg)!important}.page2-default{transform:rotateY(-32deg)}.page2-flipped{transform:rotateY(-140deg)!important}.page3-default{transform:rotateY(-30deg)}.page3-flipped{transform:rotateY(-140deg)!important}.page4-default{transform:rotateY(-28deg)}.page4-flipped{transform:rotateY(-140deg)!important}.page5-default{transform:rotateY(-26deg)}.page5-flipped{transform:rotateY(-140deg)!important}.download-book-link{display:flex;align-items:center;justify-content:center;margin-top:2rem;text-decoration:none;color:inherit;font-weight:medium}.download-book-link img{width:24px;height:24px;margin-right:10px}.book-instruction{text-align:center;margin-bottom:1rem;font-style:italic;color:#666}.dark .book-instruction{color:#a0aec0}.book.has-flipped-page{transform:translateX(145px)}@media (max-width:768px){.book.has-flipped-page{transform:translateX(110px)!important}.book.all-flipped-page{transform:translateX(220px)!important}}@media (max-width:480px){.book.has-flipped-page{transform:translateX(90px)!important}.book.all-flipped-page{transform:translateX(185px)!important}}@media (max-width:375px){.book.has-flipped-page{transform:translateX(80px)!important}.book.all-flipped-page{transform:translateX(165px)!important}}.book.no-flipped-page{transform:translateX(0)}.book.all-flipped-page{transform:translateX(270px)}