body {
    font-family: 'Inter', sans-serif;
}

nav a:hover, footer a:hover {
    transition: color 0.3s ease;
}

section {
    scroll-margin-top: 80px;
}

button:hover, a.bg-yellow-400:hover, a.bg-blue-600:hover {
    transition: background-color 0.3s ease;
}

input, textarea {
    transition: border-color 0.3s ease;
}

input:focus, textarea:focus {
    outline: none;
    border-color: #2563eb;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
}

img {
    transition: transform 0.3s ease;
}

img:hover {
    transform: scale(1.02);
}

.card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
}