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

body{

    font-family:
    Inter,
    sans-serif;

    color:#222;

    min-height:100vh;

    display:flex;

    justify-content:center;

    align-items:center;

    overflow:hidden;

    background:
    radial-gradient(circle at top,
    #ffffff,
    #fdfdfd 20%,
    #f7f7f9 45%,
    #ececf0 75%,
    #ffffff);

}

.background{

    position:fixed;

    inset:0;

    background:

    radial-gradient(circle at 20% 30%,
    rgba(255,255,255,.9),
    transparent 40%),

    radial-gradient(circle at 80% 20%,
    rgba(245,245,255,.8),
    transparent 35%),

    radial-gradient(circle at 60% 80%,
    rgba(255,255,255,.7),
    transparent 30%);

    filter:blur(60px);

}

.container{

    position:relative;

    text-align:center;

    max-width:700px;

    padding:60px;

}

.badge{

    display:inline-block;

    padding:8px 18px;

    border-radius:999px;

    background:white;

    border:1px solid #ececec;

    margin-bottom:35px;

    font-size:.8rem;

    letter-spacing:.1em;

    text-transform:uppercase;

}

h1{

    font-size:5rem;

    font-weight:700;

    letter-spacing:-2px;

}

.tagline{

    margin-top:20px;

    font-size:1.4rem;

    color:#555;

}

.description{

    margin-top:30px;

    color:#777;

    line-height:1.8;

    max-width:560px;

    margin-inline:auto;

}