:root{--color-highlight-cyan:#0ff;--color-highlight-magenta:#f0f;--color-highlight-purple:#a0f;--color-highlight-green:#0f0;--color-highlight-yellow:#ff0;--color-highlight-red:#f00}.neon-text-cyan{color:var(--color-highlight-cyan);text-shadow:0 0 5px var(--color-highlight-cyan),0 0 10px var(--color-highlight-cyan)}.neon-text-magenta{color:var(--color-highlight-magenta);text-shadow:0 0 5px var(--color-highlight-magenta),0 0 10px var(--color-highlight-magenta)}.neon-text-purple{color:var(--color-highlight-purple);text-shadow:0 0 5px var(--color-highlight-purple),0 0 10px var(--color-highlight-purple)}.neon-text-green{color:var(--color-highlight-green);text-shadow:0 0 5px var(--color-highlight-green),0 0 10px var(--color-highlight-green)}.neon-text-yellow{color:var(--color-highlight-yellow);text-shadow:0 0 5px var(--color-highlight-yellow),0 0 10px var(--color-highlight-yellow)}.neon-text-red{color:var(--color-highlight-red);text-shadow:0 0 5px var(--color-highlight-red),0 0 10px var(--color-highlight-red)}.about-card-icon{font-size:3rem;filter:drop-shadow(0 0 5px currentColor)}.cyber-button{background-color:transparent;position:relative;overflow:hidden;transition:all .3s ease;z-index:1}.cyber-button:hover{box-shadow:0 0 15px var(--color-highlight-cyan),0 0 25px var(--color-highlight-cyan);color:black}.cyber-button:before{content:"";position:absolute;top:0;left:0;width:0;height:100%;background-color:var(--color-highlight-cyan);transition:width .3s ease;z-index:-1}.cyber-button:hover:before{width:100%}