/* Animation Classes */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

.fade-in {
    animation: fadeIn 1s ease-out forwards;
}

@keyframes pulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.05); }
}

.pulse {
    animation: pulse 2s infinite;
}

/* Custom Styles */
body {
    scroll-behavior: smooth;
}

#hero {
    background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);
}

.specialty-card:hover .specialty-icon {
    transform: rotate(15deg) scale(1.2);
    transition: transform 0.3s ease;
}

/* Responsive Adjustments */
@media (max-width: 768px) {
    #hero h1 {
        font-size: 3rem;
    }
    
    #hero p {
        font-size: 1.25rem;
    }
}

/* RTL Adjustments */
[dir="rtl"] {
    direction: rtl;
    text-align: right;
}

[dir="rtl"] .feather {
    transform: scaleX(-1);
}