*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{
    min-height:100vh;

    display:flex;
    justify-content:center;
    align-items:center;

    font-family:'Inter',sans-serif;

    color:#40546d;

    background:
        radial-gradient(circle at top,
        rgba(255,255,255,.9),
        transparent 45%),

        linear-gradient(
        180deg,
        #edf4ff 0%,
        #d7e7fb 100%);
}

.welcome{

    width:430px;

    padding:55px;

    text-align:center;

    border-radius:22px;

    background:rgba(255,255,255,.35);

    backdrop-filter:blur(18px);

    border:1px solid rgba(255,255,255,.65);

    box-shadow:
    0 15px 45px rgba(70,120,180,.15);
}

.subtitle{

    font-size:.9rem;

    letter-spacing:5px;

    text-transform:uppercase;

    opacity:.55;

    margin-bottom:14px;
}

h1{

    font-size:3.5rem;

    font-weight:300;

    letter-spacing:-3px;

    margin-bottom:20px;

    color:#5676a3;
}

.description{

    line-height:1.7;

    opacity:.75;

    margin-bottom:45px;
}

.enter{

    display:inline-block;

    text-decoration:none;

    color:#5a7aa6;

    border:1px solid rgba(120,160,210,.35);

    border-radius:999px;

    padding:14px 36px;

    transition:.25s;
}

.enter:hover{

    background:white;

    transform:translateY(-2px);

    box-shadow:
    0 10px 25px rgba(70,120,180,.15);
}