/* Remove dark mode and replace with standard smooth scroll/tailwind utilities */
html {
    scroll-behavior: smooth;
}

/* Custom scrollbar for webkit (Light Theme) */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #f8fafc;
}
::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}

/* Ensure inputs remove default styles when autofilled */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}

/* Animated IT Logo Styles */
.logo-animate {
    filter: drop-shadow(0 0 6px rgba(59, 130, 246, 0.4));
    animation: fullLogoPulse 4s infinite alternate ease-in-out;
}
@keyframes fullLogoPulse {
    from { filter: drop-shadow(0 0 2px rgba(59, 130, 246, 0.2)); transform: scale(1); }
    to { filter: drop-shadow(0 0 12px rgba(59, 130, 246, 0.6)); transform: scale(1.05); }
}
.logo-animate path {
    stroke-dasharray: 100;
    stroke-dashoffset: 100;
    animation: drawProfessionalLogo 3s ease-in-out infinite alternate;
}
.logo-path-blue {
    animation-delay: 0s;
}
.logo-path-orange {
    animation-delay: 0.5s;
}
.logo-path-green {
    animation-delay: 0.8s;
}
@keyframes drawProfessionalLogo {
    0% { stroke-dashoffset: 100; }
    100% { stroke-dashoffset: 0; }
}

/* Animated Text Logo - Dark Theme (Header) */
.logo-text-animate-dark {
    background: linear-gradient(90deg, #111827 0%, #3b82f6 50%, #111827 100%);
    background-size: 200% auto;
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    animation: textShine 3s linear infinite;
}

/* Animated Text Logo - Light Theme (Footer) */
.logo-text-animate-light {
    background: linear-gradient(90deg, #ffffff 0%, #3b82f6 50%, #ffffff 100%);
    background-size: 200% auto;
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    animation: textShine 3s linear infinite;
}

@keyframes textShine {
    to {
        background-position: -200% center;
    }
}