body{font-family:Arial,sans-serif;text-align:center;display:flex;justify-content:center;align-items:center;min-height:100vh;margin:0;background-image:url(/backgrondbook.png);background-size:cover;background-position:center;background-repeat:no-repeat}.book-container{width:90%;max-width:600px;padding:20px}.flip-container{width:480px;height:620px;margin:20px auto;padding:10px;display:flex;justify-content:center;align-items:center}.book{width:100%;height:100%}.page{width:90%;height:90%;background:#fff;padding:25px;font-size:18px;text-align:justify;box-shadow:inset 0 0 10px #0000001a;display:flex;align-items:center;justify-content:center;font-family:Georgia,serif;border-radius:5px;line-height:1.7;overflow-y:auto;flex-direction:column}.page:nth-child(2n){background:#fdf8e1}.cover-page{width:100%;height:100%;background:#8b5e3c;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Georgia,serif;font-size:24px;font-weight:700;text-align:center;border-radius:5px;position:relative}.cover-page h2{margin-top:20px}.cover-page h3{font-size:20px;font-style:italic;position:absolute;bottom:20px;text-align:center;width:100%}.back-cover{background:#6b4226;color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;text-align:center;border-radius:5px}input,button{display:block;margin:10px auto;padding:12px 20px;width:80%;border:1px solid #ccc;border-radius:5px;font-size:16px}button{background-color:#4caf50;color:#fff;border:none;cursor:pointer;font-weight:700;transition:background-color .3s ease}button:hover{background-color:#45a049}h1{color:#333;margin-bottom:20px}.error{color:red;margin-top:10px}@media (max-width: 500px){.flip-container{width:100%;height:450px}.page{font-size:16px;padding:20px}.cover-page{font-size:20px}}