.education-section {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.education-section::before {
    content: "";
    position: absolute;
    top: -120px;
    right: -120px;
    width: 280px;
    height: 280px;
    border-radius: 50%;
    background: rgba(22, 163, 74, 0.06);
    pointer-events: none;
}

.education-section::after {
    content: "";
    position: absolute;
    bottom: -140px;
    left: -140px;
    width: 320px;
    height: 320px;
    border-radius: 50%;
    background: rgba(22, 163, 74, 0.05);
    pointer-events: none;
}

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

.education-section .project-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.08);
}

#educationModal {
    opacity: 0;
    transition: opacity 0.25s ease;
}

#educationModal.education-modal-show {
    opacity: 1;
}

#educationModal > div {
    transform: translateY(20px) scale(0.97);
    transition: transform 0.3s ease;
}

#educationModal.education-modal-show > div {
    transform: translateY(0) scale(1);
}

#educationModal::-webkit-scrollbar {
    width: 6px;
}

#educationModal::-webkit-scrollbar-track {
    background: transparent;
}

#educationModal::-webkit-scrollbar-thumb {
    background: #16a34a;
    border-radius: 20px;
}

@media (max-width: 640px) {
    .education-section {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }

    #educationModal {
        padding: 12px;
    }

    #educationModal > div {
        max-height: 90vh;
        border-radius: 16px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .education-section .project-card,
    #educationModal,
    #educationModal > div {
        transition: none;
    }
}