/* Custom styles */
html {
    scroll-behavior: smooth;
}

/* Ensure proper spacing with fixed header */
body {
    min-height: 100vh;
}

/* Custom focus styles */
a:focus, button:focus {
    outline: 2px solid #059669;
    outline-offset: 2px;
}

/* Custom hover effects */
.hover-grow {
    transition: transform 0.2s ease;
}

.hover-grow:hover {
    transform: scale(1.02);
}

/* Custom animations */
@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

.fade-in {
    animation: fadeIn 0.5s ease-in;
}