[data-aos] {
    opacity: 1 !important;
    transform: none !important;
}

body {
    scroll-behavior: smooth;
}

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

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

input:focus,
textarea:focus,
select:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(134, 239, 172, 0.3);
}

input[type="checkbox"]:checked {
    background-color: #86efac;
    border-color: #86efac;
}

input[type="checkbox"]:focus {
    box-shadow: 0 0 0 3px rgba(134, 239, 172, 0.3);
}

.prose ul {
    list-style-type: disc;
    padding-left: 1.5rem;
}

.prose ol {
    list-style-type: decimal;
    padding-left: 1.5rem;
}