/* 1. വെളിച്ചം ബോർഡറിലൂടെ ഓടാനുള്ള ആനിമേഷൻ */
@keyframes neon-run {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

/* 2. പേജിലെ എല്ലാ നിയോൺ ഭാഗങ്ങൾക്കും ഇത് ബാധകമാക്കാം */
.animated-neon, 
input[type="text"], 
input[type="number"], 
input[type="date"], 
select, 
textarea, 
.acc-btn, 
.container {
    border: 2px solid transparent !important;
    /* ഈ വരിയാണ് വെളിച്ചം ഓടിക്കുന്നത് */
    background: linear-gradient(#000, #000) padding-box, 
                linear-gradient(90deg, #00f3ff, #39ff14, #bc13fe, #ff4d4d, #00f3ff) border-box !important;
    background-size: 300% 300% !important;
    animation: neon-run 6s ease infinite !important;
    box-shadow: 0 0 10px rgba(0, 243, 255, 0.2);
    transition: 0.3s;
}

/* മൗസ് കൊണ്ട് പോകുമ്പോൾ കുറച്ചുകൂടി തെളിച്ചം കൂടാൻ */
.animated-neon:hover, input:focus, select:focus {
    box-shadow: 0 0 15px rgba(0, 243, 255, 0.5);
    animation-duration: 3s !important; /* സ്പീഡ് കൂടും */
}