html {
    scroll-behavior: smooth;
}

body {
    font-family: "Inter", system-ui, sans-serif;
}

.heading-font {
    font-family: "Poppins", system-ui, sans-serif;
}

.container {
    max-width: 1280px;
    margin: 0 auto;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}

.section {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.section-sm {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

.section-lg {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.soft-shadow {
    box-shadow: 0 12px 32px rgba(15, 23, 42, 0.10);
}

.hero-pattern {
    background-image:
        radial-gradient(circle at 20% 20%, rgba(255,255,255,0.12), transparent 30%),
        radial-gradient(circle at 80% 30%, rgba(250,204,21,0.16), transparent 28%);
}

.card-hover {
    transition: all 0.25s ease;
}

.card-hover:hover {
    transform: translateY(-4px);
}

@media (min-width: 1024px) {
    .section {
        padding-top: 3.5rem;
        padding-bottom: 3.5rem;
    }

    .section-sm {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }

    .section-lg {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }
}