body,html{margin:0;padding:0;overflow-x:hidden;background:#000;font-family:Arial,sans-serif}#projector{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:radial-gradient(ellipse at center,#1e3c72 0,#2a5298 50%,#0f1419 100%)}.center-div{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:10}#preloaderDiv{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0f1419,#1e3c72 50%,#2a5298);z-index:9999;display:flex;align-items:center;justify-content:center;transition:opacity .5s ease-out}#preloaderDiv.fade-out{opacity:0;pointer-events:none}#logo{width:120px;height:120px;background:radial-gradient(circle,rgba(255,255,255,.1) 0,transparent 70%);border:2px solid rgba(255,255,255,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;color:white;font-weight:700;animation:logoGlow 2s ease-in-out infinite alternate}@keyframes logoGlow{0%{box-shadow:0 0 20px rgba(255,255,255,.3);transform:scale(1)}to{box-shadow:0 0 40px rgba(255,255,255,.6);transform:scale(1.05)}}.particle-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1}.light-effect{position:absolute;border-radius:50%;filter:blur(1px);animation:lightPulse 3s ease-in-out infinite}@keyframes lightPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.star-particle{position:absolute;background:white;border-radius:50%;animation:starTwinkle 2s ease-in-out infinite}@keyframes starTwinkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.5)}}@media (max-width:768px){#logo{width:80px;height:80px;font-size:18px}.center-div{padding:20px}}@media (prefers-color-scheme:dark){.particle-container{filter:brightness(1.2)}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}