body{
  min-height:100vh;
  line-height:1.55;
  background:
    linear-gradient(180deg,rgba(3,13,19,.22),rgba(3,13,19,.78) 58%,#071722 100%),
    url("../mervent-soiree.png") center/cover fixed no-repeat;
}
main{min-height:100vh;padding:42px 18px 70px}
.wrap{width:min(850px,94vw);margin:auto}
.card{
  text-align:center;
  padding:clamp(28px,6vw,58px);
  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
}
.fire{font-size:clamp(4.5rem,14vw,8rem);line-height:1;margin:15px 0}
h1{
  font:800 clamp(2.5rem,7vw,4.8rem)/1 Georgia,serif;
  margin:.1em 0 .3em;color:var(--cream);text-shadow:0 4px 24px #000
}
.lead{
  max-width:650px;margin:0 auto 22px;color:#e2e9e9;
  font-size:clamp(1.05rem,2.5vw,1.3rem)
}
.promise{
  max-width:680px;margin:24px auto 0;padding:18px 20px;border-radius:18px;
  background:rgba(243,194,109,.09);
  border:1px solid rgba(243,194,109,.22);
  color:#f6d999;font-weight:750
}
.form-card{
  margin-top:24px;text-align:left;background:#fffaf0;color:var(--ink);
  border-radius:24px;padding:clamp(22px,5vw,38px);box-shadow:0 18px 48px #0003
}
.form-card h2{
  text-align:center;color:#70421f;
  font:750 clamp(1.65rem,4vw,2.5rem) Georgia,serif;margin:0 0 8px
}
.form-card .intro{color:#6c5540;text-align:center;margin:0 auto 24px;max-width:650px}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.full{grid-column:1/-1}
label{display:block;font-weight:750}
input,select,textarea{
  width:100%;margin-top:6px;padding:12px 13px;
  border:1px solid #ccb99c;border-radius:10px;background:#fff;
  font:inherit;color:#2a2118
}
textarea{min-height:190px;resize:vertical}
.hint{
  margin-top:8px;font-size:.88rem;color:#7d6854;font-weight:500
}
.ideas{
  margin:20px 0;padding:15px 17px;border-radius:14px;
  background:#f5d8a8;color:#594129
}
.ideas strong{color:#70421f}
.check{display:flex;gap:10px;align-items:flex-start}
.check input{width:auto;margin-top:5px}
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:0;
  padding:14px 20px;
  font:900 1rem system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}
.btn.send{width:100%;background:var(--fire);color:#21150a}
.actions{
  margin-top:24px;
}
.btn.back{
  color:#fff;background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.24)
}
.small{text-align:center;margin-top:18px;color:#aebdc0;font-size:.87rem}
@media(max-width:650px){
  .grid{grid-template-columns:1fr}
  .full{grid-column:auto}
}