/* ===================================
   COUNTRY HIGHLIGHT STYLING
   Simple, clean highlight for "Country"
   =================================== */

/* Simple highlighted country text */
.country-highlight {
    color: #60a5fa;
    font-weight: 700;
    position: relative;
}

/* Remove all animations from hero text */
.hero-title {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
}

.hero-subtitle {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
}

.hero-benefits {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
}

.benefit-item {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
}

.hero-cta {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
}

.trust-indicator {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
}

/* Remove any remaining fade animations */
@keyframes simpleFadeIn {
    from { opacity: 1; transform: none; }
    to { opacity: 1; transform: none; }
}

@keyframes fadeInUp {
    from { opacity: 1; transform: none; }
    to { opacity: 1; transform: none; }
}

@keyframes heroTitleFade {
    from { opacity: 1; transform: none; }
    to { opacity: 1; transform: none; }
}

/* Ensure hero content is immediately visible */
.hero-left > * {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
}

/* Keep particles subtle */
.hero::before,
.hero::after {
    opacity: 0.1 !important;
}

/* Simple hover effects only */
.btn-primary {
    transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

.btn-primary:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 16px rgba(59, 130, 246, 0.25) !important;
}