* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Poppins", sans-serif;
}
body {
  background: linear-gradient(90deg, #060815 0%, #0b1430 35%, #0f2555 70%, #132960 100%);  /* dark navy */
  color: white;
  display: flex;
  justify-content: center;
  padding-top: 30px;
}
.top-right-text{
    position : absolute;
    top: 20px;
  right: 40px;
  display: flex;
  gap: 30px;
  color: #8d8d8d;   /* grey-ish text like your design */
  font-size: 18px;
}
.middle-info {
  text-align: center;
  max-width: 600px;
  margin-top: 40px;
}
.qr-logo {
  width: 160px;
  border-radius: 10px;
  display: block;
 margin: 0 auto 25px 0;
  margin-bottom: 20px;
}
h1{
    font-size: 79px;
  font-weight: 600;
  margin-top:-104px;
  letter-spacing: 2px;
}
h2{
  font-size: 18px;
  font-weight: 300;
  margin-top:50 px;
  color: #cfcfcf;
}
.description{
  color: #9b9b9b;
  font-size: 40px;
  margin-top: 30px;
  margin-bottom: 20px;
}
.info-box{
   background: rgba(83, 89, 102, 0.25);
  padding: 25px 35px;
  border-radius: 12px;
  margin: 40px auto;
  width: 90%;
  color: #505f74;
  font-size: 20px;

}
.continue-btn {
  background: #5172bb;
  color: rgb(79, 71, 71);
  border: none;
  padding: 12px 40px;
  border-radius: 12px;
  font-size: 18px;
  cursor: pointer;
  margin-top: 20px;
  transition: 0.3s;
}

.continue-btn:hover {
  background: #0062cc;
}

.continue-btn:hover {
  background: #0096c7;
}
footer {
  margin-top: 60px;
  font-size: 15px;
  color: #42a986;
}