/* ============================================
   HOME PAGE CUSTOM CSS - Minimal
   Hanya animasi dan efek khusus
   ============================================ */

/* Gradient Ocean untuk Hero */
.hero-ocean-gradient {
    background: linear-gradient(135deg, #0A2463 0%, #1E56A0 50%, #3E92CC 100%);
}

/* Hero Background Image - Removed default background */

/* Gradient untuk buttons */
.btn-ocean-gradient {
    background: linear-gradient(135deg, #1E56A0, #3E92CC);
}

.btn-ocean-gradient:hover {
    background: linear-gradient(135deg, #3E92CC, #60C5F0);
}

/* Icon background gradient */
.icon-ocean-gradient {
    background: linear-gradient(135deg, #1E56A0, #3E92CC);
}

/* Card hover effect */
.card-hover {
    transition: all 0.3s ease;
}

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

/* Announcement gradient */
.announcement-gradient {
    background: linear-gradient(135deg, #FFE5B4 0%, #FFF8DC 100%);
}

/* Content category badges */
.badge-ocean {
    background: linear-gradient(135deg, #1E56A0, #3E92CC);
}

.badge-green {
    background: linear-gradient(135deg, #2ECC71, #27AE60);
}

.badge-purple {
    background: linear-gradient(135deg, #8B5CF6, #A855F7);
}

/* Hero Menu Animations */
.hero-menu-item {
    transition: all 0.3s ease;
}

.hero-menu-item:hover {
    transform: translateY(-2px);
}

/* Mobile responsive adjustments for hero menu */
@media (max-width: 768px) {
    .hero-menu-item {
        margin-bottom: 8px;
    }
}

/* Section title underline */
.section-title-underline::after {
    content: '';
    position: absolute;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 4px;
    background: linear-gradient(90deg, #1E56A0, #60C5F0);
    border-radius: 9999px;
}

/* Touch feedback for mobile */
@media (hover: none) and (pointer: coarse) {
    .touch-feedback:active {
        transform: scale(0.97);
        opacity: 0.9;
    }
}