/* Custom CSS for EN590Global Landing Page */

.hero-gradient {
    background: linear-gradient(135deg, #1e3a8a 0%, #0ea5e9 100%);
}

.form-shadow {
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

.feature-icon {
    background: linear-gradient(135deg, #0ea5e9 0%, #1e40af 100%);
}

.hover-scale {
    transition: transform 0.3s ease;
}

.hover-scale:hover {
    transform: scale(1.03);
}

/* Minor adjustments for How It Works timeline on medium screens if needed */
/* Example: Ensure text aligns nicely */
@media (min-width: 768px) {
    #how-it-works .relative > div > div:nth-child(odd) .md\:w-5\/12 { /* Selects steps 1 & 3 */
       margin-right: calc(50% + 1.5rem); /* Adjust spacing based on circle size and desired gap */
       text-align: right;
    }
     #how-it-works .relative > div > div:nth-child(even) .md\:w-5\/12 { /* Selects steps 2 & 4 */
       margin-left: calc(50% + 1.5rem); /* Adjust spacing */
       text-align: left;
    }
     #how-it-works .relative > div > div:nth-child(odd) .md\:absolute {
         /* Fine-tune positioning if needed */
     }
     #how-it-works .relative > div > div:nth-child(even) .md\:absolute {
         /* Fine-tune positioning if needed */
     }
}