/* Reset */* {  margin: 0;  padding: 0;  box-sizing: border-box;}body {  background: linear-gradient(135deg, #1B0034, #2C0C50);  color: white;  font-family: 'Rajdhani', sans-serif;  display: flex;  justify-content: center;  align-items: center;  height: 100vh;  text-align: center;  overflow: hidden;  animation: fadeIn 1.5s ease-in-out;}/* Contenedor con animación */.container {  max-width: 800px;  opacity: 0;  animation: fadeIn 2s ease-in-out forwards;}/* Logo con efecto de flotación */.logo {  width: 250px;  margin-bottom: 20px;  filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.3));  animation: floating 3s infinite ease-in-out;}/* Texto con un sutil efecto de entrada */.subtitulo {  font-size: 1.8rem;  font-weight: 600;  color: #E0C3FC;  text-shadow: 0 0 10px rgba(255, 255, 255, 0.2);  opacity: 0;  animation: fadeIn 2s ease-in-out 1s forwards;}/* ANIMACIONES *//* Fade In para un efecto de entrada suave */@keyframes fadeIn {  from {    opacity: 0;    transform: translateY(20px);  }  to {    opacity: 1;    transform: translateY(0);  }}/* Movimiento flotante del logo */@keyframes floating {  0% { transform: translateY(0px); }  50% { transform: translateY(-10px); }  100% { transform: translateY(0px); }}/* Efecto de desplazamiento lento en el fondo */@keyframes backgroundMove {  0% { background-position: 0% 0%; }  100% { background-position: 100% 100%; }}