.book-container{width:100%;overflow-x:hidden;padding:1rem;box-sizing:border-box;perspective:2000px;display:flex;flex-direction:column;align-items:center}.book{width:100%;max-width:660px;height:auto;aspect-ratio:11/5;position:relative;transform-style:preserve-3d}.page{width:50%;height:100%;position:absolute;top:0;padding:2rem;border-radius:12px;box-shadow:0 12px 25px rgba(0,0,0,.1);transition:transform 1s;backface-visibility:hidden;cursor:pointer;background:#fff}@media (max-width:768px){.page{padding:1rem}}.page.left{left:0;transform-origin:left;z-index:2}.page.right{right:0;transform-origin:right;z-index:1}.page.flipped.left{transform:rotateY(-180deg)}.page.flipped.right{transform:rotateY(180deg)}