/* assets/css/home-ux.css
 * Modern, fluid styling for home page with subtle reveal effects
 */
:root{
  --accent:#ffd24a;
  --muted:#6b7280;
}

/* Smooth scroll */
html{scroll-behavior:smooth}

.section-reveal{opacity:0;transform:translateY(18px);transition:all .6s cubic-bezier(.2,.9,.2,1);will-change:transform,opacity}
.section-reveal.is-visible{opacity:1;transform:none}

/* Make book card pop */
#book img{border-radius:12px;box-shadow:0 12px 30px rgba(0,0,0,0.15);transition:transform .3s ease,box-shadow .3s ease}
#book img:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 20px 45px rgba(0,0,0,0.18)}

/* Hero CTA modern look */
#main-banner .btn{border-radius:999px;padding-left:28px;padding-right:28px}

/* Mono receipt button style */
.receipt-btn{font-family:'Courier New', Courier, monospace;background:#111;color:#fff;padding:8px 14px;border-radius:6px;display:inline-block;text-decoration:none}

/* Responsive tweaks */
@media (max-width:768px){
  .section-reveal{transform:none;opacity:1}
}