*{margin:0;padding:0;box-sizing:border-box;}
html,body{width:100%;height:100%;}
body{font-family:'Inter',sans-serif;background:#0D1B2A;color:#FFF;display:flex;justify-content:center;align-items:center;overflow:hidden;}
.container{text-align:center;max-width:700px;padding:40px;}
.logo{width:420px;max-width:90%;margin-bottom:55px;}
h1{font-size:40px;font-weight:700;margin-bottom:18px;letter-spacing:-.02em;}
p{font-size:18px;line-height:1.4;color:#B7C3D2;}
/* Calculando...*/
.loading{display:flex;justify-content:center;align-items:center;font-size:40px;font-weight:700;margin-bottom:18px;letter-spacing:-0.02em;}
.dots{display:inline-block;width:1.1em;text-align:left;}
.dots span{opacity:0;animation:loadingDots 1.8s infinite;}
.dots span:nth-child(1){animation-delay:0s;}
.dots span:nth-child(2){animation-delay:.20s;}
.dots span:nth-child(3){animation-delay:.40s;}
@keyframes loadingDots{
    0%{opacity:0;}
    15%{opacity:1;}
    60%{opacity:1;}
    75%{opacity:0;}
    100%{opacity:0;}
}
.footer{position:absolute;bottom:30px;left:0;width:100%;text-align:center;font-size:12px;color:#8A97A8;}