/* Custom Scrollbar */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #f1f1f1; }
::-webkit-scrollbar-thumb { background: #07456B; }

/* General Styles */
.nav-link {
    position: relative;
    transition: all 0.3s ease;
}

.nav-link::after {
    content: '';
    position: absolute;
    width: 0;
    height: 2px;
    bottom: -5px;
    left: 0;
    background-color: #00D2FF;
    transition: width 0.3s ease;
}

.nav-link:hover::after { width: 100%; }

/* Glassmorphism Navbar active state */
.navbar-glass {
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(12px);
    padding: 15px 0 !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
}

.navbar-glass .nav-link, .navbar-glass .nav-logo-text {
    color: #07456B !important;
}

/* Dark Mode Overrides */
.dark-mode {
    background-color: #0a0a0a !important;
    color: #ffffff !important;
}

.dark-mode #navbar.navbar-glass {
    background: rgba(10, 10, 10, 0.9) !important;
    border-bottom: 1px solid rgba(255,255,255,0.05);
}

.dark-mode #about, .dark-mode .bg-white { background-color: #0a0a0a !important; }
.dark-mode .bg-slate-50 { background-color: #111111 !important; }
.dark-mode .text-slate-900, .dark-mode .text-slate-600 { color: #e2e8f0 !important; }

/* Hover Animations */
.aspect-square img {
    transition: transform 1.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.aspect-square:hover img {
    transform: scale(1.1);
}