@keyframes gradientFlow { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } body { background: linear-gradient(135deg, #0f0c29, #302b63, #24243e); background-size: 400% 400%; animation: gradientFlow 15s ease infinite; } .glass-morphism { background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.125); } .neon-border { box-shadow: 0 0 10px rgba(48, 43, 99, 0.6), 0 0 20px rgba(15, 12, 41, 0.4), inset 0 0 15px rgba(255, 255, 255, 0.1); } .loader { border-top-color: transparent; animation: spin 1s linear infinite; }