*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;width:100%;overflow:hidden}body{background:#0a1628;color:#fff;font-family:Segoe UI,Roboto,Consolas,Courier New,monospace;position:relative;display:flex;align-items:center;justify-content:center}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom right,#0a1628,#1a2744);z-index:-1}.container{flex-direction:column;height:100vh;gap:30px;position:relative;width:100%;transform:translateY(-5%)}.container,.logo-container{display:flex;align-items:center;justify-content:center}.logo-container{opacity:1}.logo{max-width:400px;width:100%;height:auto}.loading-dots{display:flex;gap:8px;align-items:center;justify-content:center;opacity:1}.dot{width:6px;height:6px;background:#fff;border-radius:50%;animation:bounce 1.4s ease-in-out infinite}.dot:first-child{animation-delay:0s}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1.2);opacity:1}}@media (max-width:768px){.logo{max-width:280px}.dot{width:5px;height:5px}.loading-dots{gap:6px}.container{gap:25px}}