html, body {
    width: 100%;
    overflow-x: hidden;
}

body {
    margin: 0;
    min-height: 100vh;
    font-family: 'Anuphan', 'Noto Sans Thai', sans-serif;
    color: #0f172a;
    background:
        radial-gradient(circle at top left, rgba(249, 115, 22, 0.10), transparent 26%),
        radial-gradient(circle at top right, rgba(15, 118, 110, 0.10), transparent 28%),
        linear-gradient(180deg, #ffffff 0%, #f5f7fb 20%, #eef4f8 100%);
}

.hero-panel {
    background: transparent;
    border-radius: 0;
    overflow: visible;
    box-shadow: none;
}

.activity-section-title {
    font-family: 'Anuphan', sans-serif;
    letter-spacing: -0.03em;
}

.activity-title:hover {
    color: var(--hover-color);
}