/* custom styles (moved from inline <style>) */
.hero-bg {
    background: linear-gradient(135deg, #6e48aa 0%, #9d50bb 100%);
}
.btn-primary {
    background: linear-gradient(to right, #6e48aa, #9d50bb);
    transition: all 0.3s ease;
}
.btn-primary:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.2);
}
.feature-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 25px -5px rgba(0,0,0,0.1), 0 10px 10px -5px rgba(0,0,0,0.04);
}

/* small responsive tweak so hero content not too low behind fixed nav */
body {
    scroll-padding-top: 4rem;
}