@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

html {
    scroll-behavior: smooth;
}
body {
    font-family: 'Inter', sans-serif;
}
@keyframes pulse-slow {
    0%, 100% { filter: drop-shadow(0 20px 20px #00d4ffff); }
    50% { filter: drop-shadow(0 20px 30px #00d4ffff); }
}
.animate-pulse-slow {
    animation: pulse-slow 2.5s infinite;
}
.small-neon-glow {
    box-shadow: 0 0 16px #00d4ff88, 0 0 32px #00d4ff;
    transition: box-shadow 0.2s;
}
.small-neon-glow:hover {
    box-shadow: 0 0 32px #00d4ff, 0 0 64px #00d4ff88;
}
.neon-glow {
    box-shadow: 0 0 16px #00d4ff, 0 0 32px #00d4ff44;
    transition: box-shadow 0.2s;
}
.neon-glow:hover {
    box-shadow: 0 0 32px #00d4ff, 0 0 64px #00d4ff88;
}
.neon-glow-card {
    border: 1.5px solid #00d4ff44;
}
.neon-glow-card:hover {
    box-shadow: 0 0 32px #00d4ff, 0 0 64px #00d4ff88;
    transform: translateY(-4px) scale(1.025);
}
.about-list-item:hover {
    transform: translateX(8px) scale(1.04);
    filter: drop-shadow(0 0 8px #00d4ff88);
}
.custom-cyan {
    color: #00d4ffff;
}