body{
  min-height:100vh;
  background:
    linear-gradient(180deg,rgba(3,13,19,.18),rgba(3,13,19,.75) 58%,#071722 100%),
    url("../mervent-soiree.png") center/cover fixed no-repeat;
}
main{min-height:100vh;display:grid;place-items:center;padding:35px 18px}
.card{
  width:min(760px,94vw);
  text-align:center;
  padding:clamp(34px,7vw,68px);
  border-radius:28px;
  background:rgba(6,24,34,.88);
  border:1px solid rgba(255,255,255,.22);
  box-shadow:0 25px 80px rgba(0,0,0,.42);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
.kicker{color:var(--gold);font-weight:850;letter-spacing:.12em;text-transform:uppercase}
.icon{font-size:clamp(4rem,12vw,7rem);line-height:1;margin:18px 0}
h1{
  font:800 clamp(2.5rem,7vw,4.8rem)/1 Georgia,serif;
  margin:.15em 0 .28em;
  color:var(--cream);
  text-shadow:0 4px 24px #000;
}
p{
  font-size:clamp(1.1rem,2.7vw,1.4rem);
  color:#e2e9e9;
  max-width:600px;
  margin:0 auto 26px;
}
.wait{
  margin:26px auto;
  padding:18px 20px;
  border-radius:18px;
  background:rgba(243,194,109,.09);
  border:1px solid rgba(243,194,109,.2);
  color:var(--gold);
  font-weight:900;
  font-size:clamp(1.05rem,2.5vw,1.25rem);
}
.actions{
  margin-top:18px;
}
.btn{
  display:inline-block;
  padding:13px 20px;
}
.btn.primary{color:#1d130a;background:var(--fire)}
.btn.secondary{
  color:#fff;background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.24)
}
.btn:hover{filter:brightness(1.06)}
.small{margin-top:22px;font-size:.88rem;color:#aebdc0}