@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
body {
    font-family: 'Poppins', sans-serif;
    background-color: #f8fafc;
}
.site-wrapper {
    margin: 0 auto;
    background-color: white;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
}
.container {
    width: 100%;
    padding-left: 2rem;
    padding-right: 2rem;
    margin-left: auto;
    margin-right: auto;
}
@media (min-width: 640px) {
    .container {
        padding-left: 4rem;
        padding-right: 4rem;
    }
}
@media (min-width: 1024px) {
    .container {
        padding-left: 6rem;
        padding-right: 6rem;
    }
}
@media (min-width: 1280px) {
    .container {
        padding-left: 8rem;
        padding-right: 8rem;
    }
}
/* Tambahan CSS untuk animasi mobile menu */
.mobile-menu {
    transform: translateY(-100%);
    transition: transform 0.3s ease-in-out;
}
.mobile-menu.show {
    transform: translateY(0);
}