html {
      scroll-behavior: smooth;
    }

    body {
      font-family: "Inter", sans-serif;
    }

    .hero-gradient {
      background:
        linear-gradient(
          90deg,
          rgba(255,255,255,0.98) 0%,
          rgba(255,255,255,0.94) 30%,
          rgba(255,255,255,0.25) 62%,
          rgba(255,255,255,0) 100%
        );
    }

    .glass {
      backdrop-filter: blur(12px);
      -webkit-backdrop-filter: blur(12px);
    }

    .blackout::before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        right: 0;
        top:0;
        background-color: #0000006e;
        z-index: 3;
    }

table {
	width: 100%;
	margin-bottom: 20px;
	border: 1px solid #dddddd;
	border-collapse: collapse; 
}
table th {
	font-weight: bold;
	padding: 5px;
	background: #efefef;
	border: 1px solid #dddddd;
}
table td {
	border: 1px solid #dddddd;
	padding: 5px;
}

.input-radio-hidden input:checked + label {
  background-color: #3b82f633;
}

input[name='days']::placeholder{
  font-size: .7em;
  color: white;
}

.loaded {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  right: 0;
  background-color: white;
  opacity: 0;
  height: 100%;
  width: 100%;
}

.text-page h1{
  font-size: 2em;
}

.text-page h2 {
 font-size: 1.4em;  
}