@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');

:root {
    --asgard-green: #064e3b;
    --asgard-lime: #10b981;
    --asgard-yellow: #fbbf24;
}

html { scroll-behavior: smooth; }

body { 
    font-family: 'Plus Jakarta Sans', sans-serif; 
    /* Background Modern Gradasi Hijau - Kuning */
    background: 
        radial-gradient(at 0% 0%, rgba(16, 185, 129, 0.15) 0px, transparent 50%),
        radial-gradient(at 100% 100%, rgba(251, 191, 36, 0.1) 0px, transparent 50%),
        linear-gradient(180deg, #ffffff 0%, #f0fdf4 100%);
    color: #1e293b;
}

/* Bento Card Glassmorphism */
.bento-card {
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 2.5rem;
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}

.bento-card:hover {
    transform: translateY(-12px);
    box-shadow: 0 30px 60px rgba(6, 78, 59, 0.12);
    border-color: var(--asgard-lime);
}

/* Swiper Slider Styling */
.swiper-pagination-bullet-active {
    background: var(--asgard-green) !important;
}

.text-gradient {
    background: linear-gradient(135deg, var(--asgard-green) 0%, var(--asgard-lime) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Footer Dark Smapa */
.footer-asgard {
    background: #022c22;
    color: #ecfdf5;
}

/* Interactive Floating Animation */
.animate-float {
    animation: float 6s ease-in-out infinite;
}
@keyframes float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-20px); }
}