@tailwind base;@tailwind components;@tailwind utilities;.perspective-1000{perspective:1000px}.transform-style-3d{transform-style:preserve-3d}.book-container{perspective:1000px;filter:drop-shadow(0 20px 30px rgba(0,0,0,.3))}.book{position:relative;width:60px;height:80px;transform-style:preserve-3d;transform:rotateY(-30deg) rotateX(10deg);animation:float-book 6s ease-in-out infinite}.book-cover{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:2px 6px 6px 2px;background:linear-gradient(45deg,#4f46e5,#4338ca);transform-origin:left;transform:translateZ(8px)}.book-cover:before{content:"";position:absolute;top:0;left:10px;bottom:0;width:2px;background:#0003}.book-page{position:absolute;top:2px;left:2px;width:56px;height:76px;background:#fff;border-radius:1px 4px 4px 1px;transform-origin:left;transform:translateZ(4px);background:linear-gradient(to right,#e2e8f0,#fff 10%,#fff 90%,#e2e8f0)}.book-back{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:2px 6px 6px 2px;background:#4338ca;transform:translateZ(-8px)}.book-spine{position:absolute;top:0;left:0;width:16px;height:100%;background:#3730a3;transform:rotateY(90deg) translateZ(-8px)}@keyframes float-book{0%,to{transform:rotateY(-30deg) rotateX(10deg) translateY(0)}50%{transform:rotateY(-25deg) rotateX(5deg) translateY(-15px)}}.magic-book-professional{perspective:2000px;box-shadow:0 50px 100px -20px #00000080}.magic-book-professional .stf__parent{background:transparent!important;margin:0 auto!important;width:100%!important}.magic-book-professional .stf__item{background-color:#fcfaf2}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.flipping-page{position:absolute;top:2px;left:2px;width:56px;height:76px;background:#fff;border-radius:1px 4px 4px 1px;transform-origin:left;transform:translateZ(4px);background:linear-gradient(to right,#e2e8f0,#fff 10%,#fff 90%,#e2e8f0);animation:flip-page 2.5s linear infinite;transform-style:preserve-3d}@keyframes flip-page{0%{transform:translateZ(4px) rotateY(0)}20%{transform:translateZ(4px) rotateY(-180deg)}to{transform:translateZ(4px) rotateY(-180deg)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-in-from-left{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slide-in-from-right{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes zoom-in{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.animate-fade-in{animation:fade-in .5s ease-out forwards}.animate-in{animation-duration:.5s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(.4,0,.2,1)}.fade-in{animation-name:fade-in}.slide-in-from-left-4{animation-name:slide-in-from-left}.slide-in-from-right-4{animation-name:slide-in-from-right}.zoom-in-95{animation-name:zoom-in}.zoom-in-110{transform-origin:center;animation:zoom-in-large 1s ease-out forwards}@keyframes zoom-in-large{0%{transform:scale(1.1);opacity:0}to{transform:scale(1);opacity:1}}