html,
body{
    margin:0;
    padding:0;
    min-height:100%;
}

body{
    background:#0f172a;
    color:#e5e7eb;
    font-family:Arial, Helvetica, sans-serif;
}

.page{
    min-height:100vh;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
    text-align:center;
    padding:30px 30px 90px 30px;
    box-sizing:border-box;
}

.logo{
    max-width:280px;
    width:100%;
    height:auto;
    margin-top:40px;
    margin-bottom:8px;
}

.subtitle{
    font-size:17px;
    font-weight:300;
    letter-spacing:1.5px;
    color:#cbd5e1;
    margin:0 0 80px 0;
}

.notice{
    max-width:1000px;
    line-height:1.8;
    font-size:15px;
    font-weight:300;
    color:#d1d5db;
    margin-top:60px;
}

.notice p{
    margin:0 0 34px 0;
}

.notice p:last-child{
    margin-bottom:0;
}

.notice a{
    color:#93c5fd;
    text-decoration:none;
    font-weight:400;
}

.notice a:hover{
    text-decoration:underline;
}

.footer{
    position:fixed;
    bottom:34px;
    left:0;
    width:100%;
    text-align:center;
    font-size:13px;
    letter-spacing:0.5px;
    color:#94a3b8;
}

@media (max-width:700px){

    .page{
        padding:40px 22px 90px 22px;
        justify-content:flex-start;
    }

    .logo{
        max-width:240px;
        margin-top:0px;
    }

    .subtitle{
        font-size:15px;
        margin-bottom:55px;
    }

    .notice{
        font-size:14px;
    }

    .footer{
        font-size:12px;
        bottom:24px;
    }
}