.flipbook-overlay{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:radial-gradient(circle,rgba(24,24,27,.85) 0,rgba(9,9,11,.98) 100%);perspective:1500px;overflow:hidden}.book-wrapper{width:80vw;max-width:1400px;height:70vh;max-height:900px;user-select:none}.book-container,.book-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.book-3d,.book-container{width:100%;height:100%}.book-3d{position:relative;transition:transform .5s ease;transform-style:preserve-3d}.page-sheet{left:50%;width:50%;transform-origin:left center;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.25,1,.5,1),z-index .8s ease;will-change:transform,z-index}.page-face,.page-sheet{position:absolute;top:0;height:100%}.page-face{left:0;width:100%;backface-visibility:hidden;overflow:hidden;box-shadow:inset 4px 0 30px rgba(0,0,0,.2);background:#fdfdfd;border:1px solid rgba(0,0,0,.15);display:flex;flex-direction:column}.page-face.front{transform:rotateY(0deg);border-radius:0 12px 12px 0;border-left:none}.page-face.back{transform:rotateY(180deg);border-radius:12px 0 0 12px;border-right:none}.page-sheet.flipped{transform:rotateY(-180deg)}.page-sheet.turn-left{animation:flip-left .85s cubic-bezier(.25,1,.5,1) forwards}.page-sheet.turn-right{animation:flip-right .85s cubic-bezier(.25,1,.5,1) forwards}.page-face .page-curl-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:15;opacity:0}.page-sheet.turn-left .front .page-curl-overlay{animation:curl-shadow-front .85s ease-in-out}.page-sheet.turn-left .back .page-curl-overlay{animation:curl-shadow-back .85s ease-in-out}.page-sheet.turn-right .front .page-curl-overlay{animation:curl-shadow-front-reverse .85s ease-in-out}.page-sheet.turn-right .back .page-curl-overlay{animation:curl-shadow-back-reverse .85s ease-in-out}@keyframes flip-left{0%{transform:rotateY(0deg) skewY(0deg) scale(1);box-shadow:0 0 10px rgba(0,0,0,.1)}30%{transform:rotateY(-60deg) skewY(-4deg) scale(.98);box-shadow:0 15px 35px rgba(0,0,0,.35)}70%{transform:rotateY(-120deg) skewY(-4deg) scale(.98);box-shadow:0 15px 35px rgba(0,0,0,.35)}to{transform:rotateY(-180deg) skewY(0deg) scale(1);box-shadow:0 0 10px rgba(0,0,0,.1)}}@keyframes flip-right{0%{transform:rotateY(-180deg) skewY(0deg) scale(1);box-shadow:0 0 10px rgba(0,0,0,.1)}30%{transform:rotateY(-120deg) skewY(4deg) scale(.98);box-shadow:0 15px 35px rgba(0,0,0,.35)}70%{transform:rotateY(-60deg) skewY(4deg) scale(.98);box-shadow:0 15px 35px rgba(0,0,0,.35)}to{transform:rotateY(0deg) skewY(0deg) scale(1);box-shadow:0 0 10px rgba(0,0,0,.1)}}@keyframes curl-shadow-front{0%{opacity:0;background:linear-gradient(90deg,rgba(0,0,0,0) 80%,rgba(0,0,0,.15))}30%{opacity:.65;background:linear-gradient(90deg,rgba(0,0,0,0) 40%,rgba(0,0,0,.18) 50%,rgba(0,0,0,0) 60%)}70%{opacity:.65;background:linear-gradient(90deg,rgba(0,0,0,0) 10%,rgba(0,0,0,.18) 20%,rgba(0,0,0,0) 30%)}to{opacity:0;background:linear-gradient(90deg,rgba(0,0,0,.1) 0,rgba(0,0,0,0) 20%)}}@keyframes curl-shadow-back{0%{opacity:0;background:linear-gradient(270deg,rgba(0,0,0,0) 80%,rgba(0,0,0,.15))}30%{opacity:.65;background:linear-gradient(270deg,rgba(0,0,0,0) 40%,rgba(0,0,0,.18) 50%,rgba(0,0,0,0) 60%)}70%{opacity:.65;background:linear-gradient(270deg,rgba(0,0,0,0) 10%,rgba(0,0,0,.18) 20%,rgba(0,0,0,0) 30%)}to{opacity:0;background:linear-gradient(270deg,rgba(0,0,0,.1) 0,rgba(0,0,0,0) 20%)}}@keyframes curl-shadow-front-reverse{0%{opacity:0;background:linear-gradient(90deg,rgba(0,0,0,.1) 0,rgba(0,0,0,0) 20%)}30%{opacity:.65;background:linear-gradient(90deg,rgba(0,0,0,0) 10%,rgba(0,0,0,.18) 20%,rgba(0,0,0,0) 30%)}70%{opacity:.65;background:linear-gradient(90deg,rgba(0,0,0,0) 40%,rgba(0,0,0,.18) 50%,rgba(0,0,0,0) 60%)}to{opacity:0;background:linear-gradient(90deg,rgba(0,0,0,0) 80%,rgba(0,0,0,.15))}}@keyframes curl-shadow-back-reverse{0%{opacity:0;background:linear-gradient(270deg,rgba(0,0,0,.15) 0,rgba(0,0,0,0) 20%)}30%{opacity:.65;background:linear-gradient(270deg,rgba(0,0,0,0) 10%,rgba(0,0,0,.18) 20%,rgba(0,0,0,0) 30%)}70%{opacity:.65;background:linear-gradient(270deg,rgba(0,0,0,0) 40%,rgba(0,0,0,.18) 50%,rgba(0,0,0,0) 60%)}to{opacity:0;background:linear-gradient(270deg,rgba(0,0,0,0) 80%,rgba(0,0,0,.15))}}.page-spine-shadow-left{right:0;background:linear-gradient(90deg,rgba(0,0,0,0) 0,rgba(0,0,0,.12))}.page-spine-shadow-left,.page-spine-shadow-right{position:absolute;top:0;width:35px;height:100%;pointer-events:none;z-index:10}.page-spine-shadow-right{left:0;background:linear-gradient(270deg,rgba(0,0,0,0) 0,rgba(0,0,0,.12))}.book-shadow{bottom:-20px;width:102%;left:-1%;height:40px;background:rgba(0,0,0,.45);filter:blur(25px);border-radius:50%;z-index:-1}.book-shadow,.page-shine{position:absolute;pointer-events:none}.page-shine{top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,0),rgba(255,255,255,.06) 50%,rgba(255,255,255,0));z-index:5}.page-face.cover-front{background:linear-gradient(135deg,#1b3a24,#0d1e13)}.page-face.cover-back,.page-face.cover-front{color:#fff;border:2px solid #2e5c3b;box-shadow:inset 0 0 50px rgba(0,0,0,.6)}.page-face.cover-back{background:linear-gradient(135deg,#0d1e13,#1b3a24)}@media (max-width:768px){.book-3d{width:90vw;height:52vh;transform:none!important}.page-sheet{left:0;width:100%;transform-origin:center center;transform:none!important;opacity:0;pointer-events:none;transition:opacity .4s ease-in-out}.page-sheet.active-mobile-sheet{opacity:1;pointer-events:auto;z-index:100}.page-face.back,.page-face.front{border-radius:12px;border:1px solid rgba(0,0,0,.15)}.page-face{border-radius:12px!important;box-shadow:0 10px 25px -5px rgba(0,0,0,.3),0 8px 10px -6px rgba(0,0,0,.3)!important}.page-spine-shadow-left,.page-spine-shadow-right{display:none!important}}