/* TechNet Solutions — Custom Styles */

/* Smooth scrollbar */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #0f172a; }
::-webkit-scrollbar-thumb { background: #1e293b; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #334155; }

/* Active nav link */
.nav-link.active {
    color: #22d3ee !important;
    background: rgba(34, 211, 238, 0.05);
}

/* Navbar scrolled state — set via JS */
.navbar-scrolled {
    background: rgba(2, 6, 23, 0.85) !important;
    backdrop-filter: blur(20px) saturate(180%);
    -webkit-backdrop-filter: blur(20px) saturate(180%);
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

/* Select option bg fix */
select option { background-color: #0f172a; }

/* Focus ring override */
input:focus, textarea:focus, select:focus {
    box-shadow: 0 0 0 1px rgba(34, 211, 238, 0.25);
}

/* Animate on scroll — hidden by default */
[data-animate] {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}
[data-animate].visible {
    opacity: 1;
    transform: translateY(0);
}