*{margin:0;padding:0;box-sizing:border-box;}body{font-family:Arial,sans-serif;background-color:black;display:flex;justify-content:center;align-items:center;height:100vh;overflow:hidden;color:white;position:relative;}canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;background-color:black;}.intro-container{text-align:center;width:100%;}.welcome-text{color:white;font-size:3.5em;opacity:0;animation:fadeIn 3s ease-in forwards;}.login-form-container{opacity:0;filter:blur(20px);transition:opacity 2s ease-in,filter 2s ease-in;margin-top:30px;transform:scale(1.3);width:100%;max-width:400px;display:flex;justify-content:center;align-items:center;flex-direction:column;}.login-form{background-color:#111;padding:20px;border-radius:10px;border:2px solid green;width:100%;}.login-form h2{font-size:1.5em;}.login-form input{display:block;width:90%;padding:12px;margin:10px auto;border:none;border-radius:5px;font-size:1.1em;}.login-form button{padding:12px;width:100%;border:none;border-radius:5px;background-color:#28a745;color:white;font-size:1.2em;cursor:pointer;}@keyframes fadeIn{0%{opacity:0;transform:scale(0.8);}100%{opacity:1;transform:scale(1);}}.show-form{opacity:1;filter:blur(0);}@media screen and (max-width:768px){.login-form-container{transform:scale(1);max-width:90vw;}.login-form{padding:15px;}.login-form input,.login-form button{font-size:1em;}.welcome-text{font-size:2.5em;}}@media screen and (max-width:480px){.login-form-container{max-width:95vw;}.welcome-text{font-size:2em;}.login-form{padding:10px;}}.animated-button{padding:12px;width:100%;border:none;border-radius:5px;background-color:#28a745;color:white;font-size:1.2em;cursor:pointer;transition:transform 0.3s ease;}.animated-button:hover{transform:translateY(5px);}.welcome-text{position:absolute;left:60%;transform:translateX(-50%);color:white;font-size:2.5em;opacity:0;animation:fadeIn 3s ease-in forwards,ghostFly 6s ease-in-out infinite;}@keyframes ghostFly{0%{transform:translate(-50%,0) scale(1);opacity:0.8;filter:blur(0px);}25%{transform:translate(-50%,-30px) scale(1.1) rotate(-5deg);opacity:0.6;filter:blur(1px);}50%{transform:translate(-50%,-60px) scale(1.2) rotate(5deg);opacity:0.4;filter:blur(2px);}75%{transform:translate(-50%,-30px) scale(1.1) rotate(-5deg);opacity:0.6;filter:blur(1px);}100%{transform:translate(-50%,0) scale(1);opacity:0.8;filter:blur(0px);}}@keyframes fadeIn{0%{opacity:0;}100%{opacity:1;}}.login-form-container{position:relative;background:rgba(0,0,0,0.7);padding:20px;border-radius:10px;box-shadow:0 4px 15px rgba(0,0,0,0.5);animation:vibrate 0.1s ease-in-out infinite;}@keyframes vibrate{0%{transform:translate(0);}10%{transform:translate(-2px,0);}20%{transform:translate(2px,0);}30%{transform:translate(-2px,0);}40%{transform:translate(2px,0);}50%{transform:translate(0);}100%{transform:translate(0);}}.smoke{position:absolute;width:50px;height:50px;background:rgba(255,255,255,0.4);border-radius:50%;border:20px;border-color:gray;animation:smokeAnimation 2.5s infinite;filter:blur(7px);opacity:4.7;display:none;}@keyframes smokeAnimation{0%{transform:translateY(0) scale(0.1);}10%{transform:translateY(-20px) scale(0.5);}20%{transform:translateY(-40px) scale(1.5);}30%{transform:translateY(-50px) scale(2.5);}60%{transform:translateY(-60px) scale(3.5);}70%{transform:translateY(-70px) scale(9.5);}100%{transform:translateY(-100px) scale(3);}}#randomImageAboveCenter{position:absolute;display:none;}#movingImage{position:absolute;display:none;transition:all 2s ease;}#123{width:100px;height:100px;background-color:green;position:absolute;transition:top 0.5s,left 0.5s;margin-left:50px;}#1234{margin-top:150px;padding:10px;}#loader{position:fixed;left:0;top:0;width:100%;height:100%;background:white;display:flex;justify-content:center;align-items:center;}.spinner{border:16px solid #f3f3f3;border-top:16px solid #3498db;border-radius:50%;width:120px;height:120px;}@keyframes spin{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}#animatedBox{width:200px;height:200px;background-color:#3498db;color:white;font-size:20px;text-align:center;line-height:200px;border-radius:10px;margin:50px auto;transition:transform 1.5s,filter 1.5s;}.shrink-blur{transform:scale(0.9);filter:blur(10px);}