@keyframes gradientShift {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

.cyber-glow {
    box-shadow: 0 0 25px rgba(0, 229, 229, 0.7);
}

.holographic-effect {
    background: linear-gradient(45deg, 
        rgba(0, 229, 229, 0.4) 0%, 
        rgba(255, 255, 255, 0.4) 20%, 
        rgba(0, 229, 229, 0.4) 40%, 
        rgba(255, 255, 255, 0.4) 60%, 
        rgba(0, 229, 229, 0.4) 80%);
    background-size: 400% 400%;
    animation: gradientShift 15s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}

.radial-overlay {
    background: radial-gradient(circle at 50% 50%, rgba(0, 229, 229, 0.1) 0%, transparent 60%);
    animation: pulse 6s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

@keyframes pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.5; }
}

@keyframes float {
    0% { transform: translateY(0px); }
    50% { transform: translateY(-10px); }
    100% { transform: translateY(0px); }
}

.float-animation {
    animation: float 6s ease-in-out infinite;
}

.hover-glow:hover {
    box-shadow: 0 0 30px rgba(0, 229, 229, 0.3);
    transform: translateY(-5px);
}

.card-transition {
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
}