/* Mentee Card Styles */
.mentee-card {
    transition: all 0.2s ease;
    cursor: pointer;
    border: 1px solid rgba(0,0,0,0.04);
    background: white;
}

.mentee-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 30px -12px rgba(0,0,0,0.12);
    border-color: #0d6efd20;
}

.mentee-avatar {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 50%;
    border: 3px solid white;
    box-shadow: 0 6px 14px rgba(0,0,0,0.06);
}