*{margin:0;padding:0;box-sizing:border-box}body{font-family:Georgia,serif;overflow:hidden}.App{min-height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background-size:400% 400%;animation:gradientShift 15s ease infinite;position:relative}.App:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffff1a;-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);z-index:0}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.book-container{position:relative;z-index:1;filter:drop-shadow(0 30px 60px rgba(0,0,0,.5))}.flip-book{margin:0 auto}.page{background:linear-gradient(to bottom,#fffef7,#f5f3e8);padding:40px;box-shadow:inset 0 0 30px #0000001a;border:1px solid #d4c5a9;position:relative;display:flex;flex-direction:column;justify-content:center}.page h1,.page h2{color:#2c3e50;margin-bottom:20px;font-weight:700;text-align:center}.page p{color:#34495e;line-height:1.8;font-size:16px;text-align:justify}.page-number{position:absolute;bottom:20px;right:30px;font-size:14px;color:#95a5a6;font-style:italic}.cover{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-align:center;justify-content:center}.cover h1{color:#fff;font-size:36px;margin-bottom:10px}.subtitle{font-size:18px;font-style:italic;opacity:.9}.plane-emoji{font-size:80px;margin-top:30px;animation:fly 3s ease-in-out infinite}@keyframes fly{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.back-cover{background:linear-gradient(135deg,#764ba2,#667eea);color:#fff;text-align:center}.heart{font-size:60px;margin-top:30px;animation:heartbeat 1.5s ease-in-out infinite}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media (max-width: 768px){.page{padding:20px}.page h2{font-size:20px}.page p{font-size:14px}}