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

body{
    height: 100vh;
    width: 100%;
    font-family: Arial, Helvetica, sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
    background-size: cover;
     background-image: linear-gradient(to right, #0a66c2c7, #02328094),
    url("https://images.unsplash.com/photo-1547949003-9792a18a2601?ixid=MnwxMjA3fDB8MHxzZWFyY2h8MXx8YmFnc3xlbnwwfHwwfHw%3D&ixlib=rb-1.2.1&w=1000&q=80"); 

}
#container{
    width: 340px;
    height: 420px;
    padding: 2rem;
    border-radius: 20px;
    position: relative;
    overflow: hidden;
    background-color: #f8f9fd;
}

#bg-circles{
    aspect-ratio: 1/1;
    background-color:#1B98F5;
    border-radius: 50%;
    position: absolute;
}

#circle-1{
    width: 70%;
    left: -20%;
    top:-35%;
    opacity: 0.5;
    
}
#circle-2{
    width: 120%;
    left: -20%;
    top:-80%;
    opacity: 0.4;

}
#circle-3{
    width: 120%;
    left: 20%;
    top:-80%;
    opacity: 0.4;

}


#title{
    margin-top:35%;
    text-align: center;
    font-size: 1.6rem;
    color: #0e0d0d;
}
#title:hover{
    -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
}


  
.conf-text{
    margin-top: 1.5rem;
    line-height: 130%;
    text-align: center;
    color: #606060;
}

#btn-continue{
    width: 100%;
    height: 2.5rem;
    margin-top: 3rem;
    font-size: 1.2rem;
    color: #fff;
    border: none;
    border-radius: 8px;
    transition: 0.5s;
    background-color: #1B98F5;
    box-shadow: 0 5px 20px #74bff8;
}

#btn-continue:hover{
    -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
}