/* Import fonts for a clean, modern look */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@100..900&display=swap');

/* Base Styles */
body {
    /* Use Inter for English and Vazirmatn as a fallback for Persian */
    font-family: 'Inter', 'Vazirmatn', sans-serif;
    scroll-behavior: smooth;
    background-color: #0d1117; /* Dark background for high contrast */
    color: #c9d1d9; /* Light text color for readability */
}

/* Custom styles for the smooth scroll-reveal animation */
.scroll-reveal {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}
.scroll-reveal.visible {
    opacity: 1;
    transform: translateY(0);
}

/* Style for the elegant gradient divider between sections */
.divider {
    height: 1px;
    background: linear-gradient(to right, transparent 0%, #38bdf8 50%, transparent 100%);
    margin: 4rem 0;
    border: 0;
}

/* Animation for the hero title effect */
@keyframes pulse-shadow {
    0% { text-shadow: 0 0 5px rgba(59, 130, 246, 0.5); }
    50% { text-shadow: 0 0 25px rgba(59, 130, 246, 0.8), 0 0 45px rgba(96, 165, 250, 0.6); }
    100% { text-shadow: 0 0 5px rgba(59, 130, 246, 0.5); }
}
.hero-title-effect {
    animation: pulse-shadow 3s infinite alternate;
}

/* Mobile menu visibility control */
#mobile-menu:not(.show) {
    display: none;
}