body {
background: #f8f9fa;
font-family: Arial, sans-serif;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}
.box {
background: #dd1010ff;
border: 1px solid #ddd;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
padding: 25px 30px;
width: 420px;
color: white;
border-radius: 25px;
}
.box h2 {
background-color: #cd0808ff;
color: white;
padding: 12px;
font-size: 20px;
margin: -25px -30px 20px -30px;
}
ol {
padding-left: 20px;
font-size: 15px;
}
ol li {
margin-bottom: 12px;
}
.agree {
font-size: 14px;
margin-top: 15px;
color: green;
}
.verify-button {
margin-top: 25px;
text-align: center;
}
.verify-button input {
background-color: #4285f4;
color: white;
border: none;
padding: 10px 25px;
font-size: 15px;
}
.footer {
font-size: 12px;
color: #777;
margin-top: 20px;
text-align: center;
}
.background-container {
    width: 110%;
    height: 110%;
    background-image: url('https://www.santander.com/content/dam/santander-com/es/contenido-paginas/sobre-nosotros/im-sobre%20nosotros-ciudad%20financiera.jpg');
    background-size: cover;
    background-position: center;
    position: relative; /* Essential for positioning the overlay */
}

.content-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.3); /* Semi-transparent background */
    backdrop-filter: blur(10px); /* Adjust blur intensity as needed */
    -webkit-backdrop-filter: blur(10px); /* For Safari compatibility */
    display: flex; /* Example for centering content */
    justify-content: center;
    align-items: center;
    text-align: center;
}

.greyed-out {
  color: #999;
  opacity: 0.5;
  pointer-events: none; /* Makes text unselectable */
  user-select: none;    /* Prevents text selection */
}

/* Optional: blur effect */
.greyed-out {
  color: #999;
  opacity: 0.5;
  filter: blur(0.5px);
}