/* Card glow effects for dark mode */
[data-theme="dark"] .project-item,
[data-theme="dark"] .timeline-content,
[data-theme="dark"] .academic-project,
[data-theme="dark"] .contact-info-item,
[data-theme="dark"] .contact-form {
    border: 1px solid rgba(83, 109, 254, 0.1);
    position: relative;
}

/* Neon border effect on hover */
[data-theme="dark"] .project-item:hover,
[data-theme="dark"] .timeline-content:hover,
[data-theme="dark"] .academic-project:hover,
[data-theme="dark"] .contact-info-item:hover {
    border-color: transparent;
}

[data-theme="dark"] .project-item:hover::before,
[data-theme="dark"] .timeline-content:hover::before,
[data-theme="dark"] .academic-project:hover::before,
[data-theme="dark"] .contact-info-item:hover::before {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    background: linear-gradient(45deg, #536dfe, #3f51b5, #536dfe);
    background-size: 400% 400%;
    animation: neon-border 3s ease infinite;
    border-radius: 10px;
    z-index: -1;
}

@keyframes neon-border {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

/* Custom scrollbar for dark mode */
[data-theme="dark"] ::-webkit-scrollbar {
    width: 12px;
}

[data-theme="dark"] ::-webkit-scrollbar-track {
    background: #1a1d2d;
}

[data-theme="dark"] ::-webkit-scrollbar-thumb {
    background: #3f51b5;
    border-radius: 6px;
}

[data-theme="dark"] ::-webkit-scrollbar-thumb:hover {
    background: #536dfe;
}

/* Fix for select elements in dark mode */
[data-theme="dark"] select {
    background-color: #1f2937;
    color: #e0e0e0;
    border: 1px solid #4a5568;
}

[data-theme="dark"] select option {
    background-color: #1f2937;
    color: #e0e0e0;
}

/* Fix for any other input elements */
[data-theme="dark"] input[type="date"],
[data-theme="dark"] input[type="time"],
[data-theme="dark"] input[type="datetime-local"] {
    color-scheme: dark;
}