body.home.home .container{max-width:1280px;margin:0 auto;padding-left:1rem;padding-right:1rem}body.home.home .grid{display:grid}body.home.home .grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}body.home.home .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}body.home.home .hero-section .grid.lg\:grid-cols-2{display:grid;grid-template-columns:1fr}@media(min-width:1024px){body.home.home .hero-section .grid.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}body.home.home .lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}body.home.home .gap-6{gap:1.5rem}body.home.home .gap-8{gap:2rem}body.home.home .gap-12{gap:3rem}body.home.home .text-center{text-align:center}body.home.home .flex{display:flex}body.home.home .items-center{align-items:center}body.home.home .justify-between{justify-content:space-between}body.home.home .justify-center{justify-content:center}@media(min-width:768px){body.home.home .md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){body.home.home .lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}body.home.home .lg\:text-5xl{font-size:3rem;line-height:1}}body.home.home .hero-section{padding-top:4rem;padding-bottom:6rem}body.home.home .hero-section .space-y-8>*+*{margin-top:2rem}body.home.home section .grid.md\:grid-cols-2.lg\:grid-cols-4{display:grid}@media(min-width:768px){body.home.home section .grid.md\:grid-cols-2.lg\:grid-cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){body.home.home section .grid.md\:grid-cols-2.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}body.home.home .py-20{padding-top:5rem;padding-bottom:5rem}body.home.home .px-4{padding-left:1rem;padding-right:1rem}body.home.home .mb-16{margin-bottom:4rem}body.home.home .mb-4{margin-bottom:1rem}body.home.home .text-4xl{font-size:2.25rem;line-height:2.5rem}body.home.home .text-xl{font-size:1.25rem;line-height:1.75rem}body.home.home .text-center>p.text-xl,body.home.home .text-center>.text-xl,body.home.home div.text-center p.text-xl{text-align:center}body.home.home .font-bold{font-weight:700}body.home.home .bg-white{background-color:#fff}body.home.home section{display:block}body.home .genre-card{background:#fff;border-radius:1rem;padding:2rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,5%);border:1px solid #f3f4f6;cursor:pointer;transition:all .3s ease;text-decoration:none;display:block}body.home .genre-card:hover{transform:translateY(-8px);box-shadow:0 25px 50px -12px rgba(0,0,0,.25);text-decoration:none}body.home .genre-card-content{text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem}body.home .genre-icon{width:4rem;height:4rem;border-radius:1rem;margin:0 auto 1rem;display:flex;align-items:center;justify-content:center;transition:transform .3s ease}body.home .genre-card:hover .genre-icon{transform:scale(1.1)}body.home .blog-post-card{background:#fff;border-radius:1rem;overflow:hidden;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,5%);transition:all .3s ease;display:block;text-decoration:none}body.home .blog-post-card:hover{transform:translateY(-8px);box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}body.home .blog-image-container{position:relative;overflow:hidden;height:12rem}body.home .blog-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}body.home .blog-post-card:hover .blog-image{transform:scale(1.05)}body.home .blog-content{padding:1.5rem}body.home .blog-title{font-size:1.25rem;font-weight:700;line-height:1.25;margin-bottom:1rem}body.home .blog-excerpt{color:#6b7280;margin-bottom:1.5rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}body.home .blog-footer{display:flex;align-items:center;justify-content:space-between;padding-top:1rem;border-top:1px solid #f3f4f6;margin-top:auto}body.home .floating-card{position:absolute;background:#fff;border-radius:1rem;padding:1rem;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);animation:float 3s ease-in-out infinite;display:inline-flex;align-items:center;gap:.75rem;white-space:nowrap;width:auto;min-width:auto}body.home .floating-card-top{top:-1rem;left:-1rem}body.home .floating-card-bottom{bottom:-1rem;right:-1rem}body.home .floating-card-icon{width:3rem;height:3rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}body.home .floating-card span{font-size:.875rem;font-weight:600;color:#374151}body.home .btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:1rem 2rem;color:#fff;font-weight:600;border-radius:.75rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,5%);transition:all .3s ease;text-decoration:none;border:none;background-color:#ed9755;white-space:nowrap;width:auto;min-width:auto}body.home .btn-primary:hover{transform:translateY(-2px);box-shadow:0 25px 50px -12px rgba(0,0,0,.25);text-decoration:none}body.home .btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:1rem 2rem;background:0 0;font-weight:600;border:2px solid #6e4627;border-radius:.75rem;transition:all .3s ease;color:#ed9755;text-decoration:none;white-space:nowrap;width:auto;min-width:auto}body.home .btn-secondary:hover{color:#6e4627;transform:translateY(-2px);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,5%);text-decoration:none}@media(max-width:767px){body.home.home section .grid.md\\:grid-cols-2.lg\\:grid-cols-4.gap-8{grid-template-columns:1fr;display:grid}body.home.home section .grid.lg\\:grid-cols-3.gap-8{grid-template-columns:1fr;display:grid}body.home.home .container .grid.md\\:grid-cols-2.lg\\:grid-cols-4{grid-template-columns:1fr}body.home.home .container .grid.lg\\:grid-cols-3{grid-template-columns:1fr}body.home.home .book-review-card{max-width:100%;width:100%}body.home.home .blog-post-card{max-width:100%;width:100%}body.home.home .gap-6{gap:1rem}body.home.home .gap-8{gap:1.5rem}body.home.home div[class*=grid][class*="md:grid-cols-2"][class*="lg:grid-cols-4"]{grid-template-columns:1fr}body.home.home div[class*=grid][class*="lg:grid-cols-3"]{grid-template-columns:1fr}}