*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    font-family:Arial,Helvetica,sans-serif;
}

body{
    background:linear-gradient(135deg,#0f172a,#1e3a8a);
    height:100vh;
    display:flex;
    justify-content:center;
    align-items:center;
    color:white;
}

.container{
    text-align:center;
}

h1{
    font-size:55px;
    margin-bottom:20px;
}

p{
    font-size:22px;
    margin:15px 0;
}

.loader{
    width:70px;
    height:70px;
    margin:40px auto;
    border:8px solid rgba(255,255,255,.3);
    border-top:8px solid #fff;
    border-radius:50%;
    animation:spin 1s linear infinite;
}

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

.footer{
    margin-top:20px;
    opacity:.8;
}