@charset "utf-8";
/* CSS Document */
*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{
    font-family:Arial, Helvetica, sans-serif;
    background:#f6f6f6;
    color:#333;
    height:100vh;
    display:flex;
    justify-content:center;
    align-items:center;
}

.container{
    width:90%;
    max-width:380px;
    text-align:center;
}

.logo{
    font-size:60px;
    margin-bottom:20px;
}

h1{
    font-size:24px;
    margin-bottom:15px;
    color:#222;
}

p{
    font-size:16px;
    color:#666;
    line-height:1.5;
    margin-bottom:30px;
}

.loader{
    width:55px;
    height:55px;
    border:5px solid #e5e5e5;
    border-top:5px solid #ff6b00;
    border-radius:50%;
    margin:0 auto 25px;
    animation:girar .8s linear infinite;
}

@keyframes girar{
    from{transform:rotate(0deg);}
    to{transform:rotate(360deg);}
}

.info{
    font-size:14px;
    color:#999;
}