body{
    margin:0;
    font-family:Arial, Helvetica, sans-serif;
    background: linear-gradient(135deg,#1e3c72,#2a5298);
    height:100vh;
    display:flex;
    align-items:center;
    justify-content:center;
    color:white;
    text-align:center;
}

.container{
    max-width:600px;
}

.logo{
    width:140px;
    margin-bottom:20px;
}

h1{
    font-size:42px;
    margin-bottom:10px;
}

p{
    font-size:18px;
}

.sub{
    opacity:0.8;
}

.loader{
    margin:40px auto;
    border:5px solid rgba(255,255,255,0.2);
    border-top:5px solid white;
    border-radius:50%;
    width:40px;
    height:40px;
    animation:spin 1s linear infinite;
}

@keyframes spin{
    0%{transform:rotate(0deg)}
    100%{transform:rotate(360deg)}
}