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

 body {      
        background: url(bg.png);
        background-size: cover;
        background-repeat: no-repeat;
        color: #fff;
        font-family: "Roboto", sans-serif;    
        font-style: normal;
        font-size: 18px;
        min-height: 100vh;
        min-height: 100svh;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    

    .container {
      max-width: 700px;
      width: 100%;
      padding: 40px 30px;
      border: 2px solid #fff;
      text-align: center;
      position: relative;
      border-radius: 30px;
    }

    .soon-message {
        text-wrap: nowrap;
        position: absolute;
        top: -21px;
        left: 50%;
        transform: translateX(-50%);
        background-color: #fff;
        border-radius: 30px;
        text-align: center;
        padding: 10px 20px;
        font-weight: bold;
        color: #001f44;
    }

    h1 {
      font-size: 38px;
      margin-bottom: 16px;
      
    }
    h2 {
        font-size: 22px;
        font-weight: 400;
        margin-bottom: 20px;   
        padding-bottom: 20px;
        border-bottom: 2px solid #fff;   
    }
    ul {
      text-align: left;
      padding-left: 0;
      list-style: none;      
      margin-bottom:  40px;
      display: flex;
      flex-direction: column;
      gap: 12px;
    }
    ul li::before {
      content: "";
      margin-right: 10px;
      background-color: #fff;
      color: #001f44;
      border-radius: 50%;
      background-image: url(check.svg);
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      width: 20px;
      height: 20px;
      flex:  0 0 20px;
      display: inline-block;
      text-align: center;

    }

    .note {
        font-style: italic;
        font-size: 16px;
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .note img {
        height: 22px;
    }


    @media (max-width: 767px) {
        body {
            padding: 32px 16px;
        }
         
         h1 {
            font-size: 26px;
            margin-bottom: 16px;      
        }
         h2 {
            font-size: 20px;
         }
        
    }