/* Reset */
* { margin:0; padding:0; box-sizing:border-box; font-family:'Poppins',sans-serif; }

/* Body */
body { background: linear-gradient(135deg,#d0f0e0,#a0e1c2); color:#222; }

/* Header */
header { display:flex; justify-content:space-between; align-items:center; padding:20px 50px; background:rgba(255,255,255,0.95); position:fixed; width:100%; top:0; z-index:1000; box-shadow:0 4px 15px rgba(0,0,0,0.1); }
header .logo { font-family:'Lora', serif; font-size:2rem; color:#2a5d34; font-weight:700; }
header nav ul { display:flex; gap:25px; list-style:none; }
header nav ul li a { text-decoration:none; color:#2a2a2a; font-weight:600; transition:0.3s; }
header nav ul li a:hover { color:#8cc63f; }

/* Book Section */
.book-page { max-width:700px; margin:150px auto 50px auto; padding:50px; background:rgba(255,255,255,0.25); backdrop-filter:blur(15px); border-radius:25px; box-shadow:0 15px 35px rgba(0,0,0,0.2); text-align:center; }
.book-page h2 { font-family:'Lora', serif; font-size:2.5rem; margin-bottom:15px; color:#2a5d34; }
.book-page p { margin-bottom:30px; font-size:1.1rem; }

/* Form */
form { display:flex; flex-direction:column; gap:20px; }
input, select { padding:15px; border-radius:12px; border:none; font-size:1rem; width:100%; background:rgba(255,255,255,0.9); }
button { padding:15px 30px; border:none; border-radius:30px; font-weight:600; background:linear-gradient(45deg,#8cc63f,#6aa32f); color:#fff; cursor:pointer; transition:transform 0.3s; }
button:hover { transform:scale(1.05); }

/* Footer */
footer { text-align:center; padding:40px 20px; background:#2a5d34; color:#fff; font-size:0.95rem; }
footer a { color:#fff; text-decoration:underline; }
footer a:hover { color:#8cc63f; }

/* Responsive */
@media(max-width:768px) { .book-page { margin:120px 20px; padding:40px; } }
@media(max-width:480px) { .book-page h2 { font-size:2rem; } .book-page p { font-size:1rem; } }