body { scroll-behavior: smooth; }
.hero { padding: 120px 0; background: linear-gradient(to right, #f8fbff, #e9f3ff); }
.hero h1 { font-size: 2.5rem; }
.hero-img { max-width: 90%; animation: float 3s ease-in-out infinite; }
@keyframes float { 0% { transform: translateY(0px); } 50% { transform: translateY(-10px); } 100% { transform: translateY(0px); } }
.card { transition: all 0.3s ease; }
.card:hover { transform: translateY(-5px); box-shadow: 0 8px 20px rgba(0,0,0,0.1); }