body {
    font-family: 'Inter', sans-serif;
}
.modal-bg {
    transition: opacity 0.3s ease;
}
.modal-content {
    transition: transform 0.3s ease, opacity 0.3s ease;
}
.nav-link::after {
    content: '';
    display: block;
    width: 0;
    height: 2px;
    background: #2563eb;
    transition: width .3s;
}
.nav-link.active::after, .nav-link:hover::after {
    width: 100%;
}
.skill-tag {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.skill-tag:hover {
    transform: translateY(-3px);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}