kannst du mir hier von 


/* Global Reset */
display: flex;
flex-direction: column;
align-items: center;
gap: 20px;
opacity: 0;
animation: appear 1.2s ease forwards;
animation-delay: 2.2s;
}


@keyframes appear {
to { opacity: 1; }
}


.login-logo {
width: 140px;
filter: drop-shadow(0 0 20px rgba(255, 0, 212, 1));
animation: logoPulse 4s infinite ease-in-out;
}


@keyframes logoPulse {
0%, 100% { transform: scale(1); filter: drop-shadow(0 0 20px rgba(204, 0, 255, 1)); }
50% { transform: scale(1.1); filter: drop-shadow(0 0 35px rgba(255, 0, 191, 1)); }
}


.login-form {
background: rgba(0,0,0,0.55);
padding: 25px;
border-radius: 12px;
border: 1px solid rgba(38, 2, 78, 0.3);
backdrop-filter: blur(11px);
display: flex;
flex-direction: column;
gap: 15px;
width: 320px;
}


.login-form input {
padding: 12px;
border: none;
border-radius: 6px;
background: rgba(255, 255, 255, 0.07);
color: #ec00c5ff;
}


.login-form button {
padding: 12px;
background: linear-gradient(90deg, #ff00d4ff, #9a00ff);
border: none;
border-radius: 8px;
color: #320136ff;
cursor: pointer;
font-size: 16px;
transition: 0.2s;
}


.login-form button:hover {
transform: scale(1.04);
filter: brightness(1.2);
}


/* Login Explosion */
.explode-logo {
animation: loginBoom 1.2s ease forwards;
}


@keyframes loginBoom {
0% { transform: scale(1); opacity: 1; }
40% { transform: scale(4); opacity: 1; filter: drop-shadow(0 0 60px rgba(183, 0, 255, 1)); }
100% { transform: scale(8); opacity: 0; }
}