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