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

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

html {
    scroll-behavior: smooth;
}

.prose {
    color: #374151;
    line-height: 1.75;
}

.prose h1, .prose h2, .prose h3 {
    color: #111827;
    font-weight: 700;
}

.prose a {
    color: #2563eb;
    text-decoration: none;
}

.prose a:hover {
    color: #1d4ed8;
}