/* Smooth scrolling */
html { scroll-behavior: smooth; }

/* Nav shadow on scroll */
#nav.scrolled { box-shadow: 0 2px 10px rgba(0,0,0,0.5); }

/* Typing animation for About title */
.typing-text {
    overflow: hidden;
    border-right: .15em solid orange;
    white-space: nowrap;
    margin: 0 auto;
    letter-spacing: .15em;
    animation: typing 3.5s steps(40, end), blink-caret .75s step-end infinite;
}
@keyframes typing {
    from { width: 0 }
    to { width: 100% }
}
@keyframes blink-caret {
    from, to { border-color: transparent }
    50% { border-color: orange }
}

/* Skill and Project Cards hover */
.skill-card:hover, .project-card:hover {
    transform: translateY(-10px);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.3), 0 10px 10px -5px rgba(0, 0, 0, 0.1);
}

/* Responsive improvements */
@media (max-width: 768px) {
    nav ul { display: none; } /* Hide nav on mobile, add hamburger later if needed */
    .typing-text { border-right: none; animation: none; } /* Disable typing on mobile for performance */
}