@keyframes float { 0%, 100% { transform: translateY(0px) rotate(0deg); } 50% { transform: translateY(-20px) rotate(1deg); } } @keyframes particle-float { 0% { transform: translateY(100vh) rotate(0deg); opacity: 0; } 10% { opacity: 1; } 90% { opacity: 1; } 100% { transform: translateY(-100px) rotate(360deg); opacity: 0; } } @keyframes slideUp { from { opacity: 0; transform: translateY(30px) scale(0.95); } to { opacity: 1; transform: translateY(0) scale(1); } } @keyframes shake { 0%, 100% { transform: translateX(0); } 25% { transform: translateX(-5px); } 75% { transform: translateX(5px); } } .bg-animated::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url('data:image/svg+xml,'); pointer-events: none; animation: float 20s ease-in-out infinite; } .particle-item { animation: particle-float 15s linear infinite; } .login-card-slide { animation: slideUp 0.6s cubic-bezier(0.4, 0, 0.2, 1); } .error-shake { animation: shake 0.5s ease-in-out; } .shine-effect { position: relative; overflow: hidden; } .shine-effect::after { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent); transition: left 0.5s ease; } .shine-effect:hover::after { left: 100%; }

⚛️Welcome to RADIUS!

Institute of Radioecology and Radiation Protection