*{box-sizing:border-box;font-family:Inter,Arial,sans-serif}
body{
  margin:0;min-height:100vh;
  background:radial-gradient(circle at top,#111,#000);
  display:flex;align-items:center;justify-content:center;
  color:#fff
}
.page{width:100%;max-width:420px;padding:20px;text-align:center}
.subtitle{color:#aaa;font-size:14px;margin-bottom:22px}

.form-card{
  background:linear-gradient(180deg,#111c18,#0b1210);
  border-radius:16px;padding:24px;
  box-shadow:0 0 40px rgba(255,215,100,.08)
}

.progress-header{
  display:flex;justify-content:space-between;
  font-size:13px;color:#d6b85a
}
.progress-bar{height:4px;background:#222;border-radius:10px;margin:10px 0 20px}
.progress-fill{
  height:100%;
  background:linear-gradient(90deg,#f5d76e,#d6a94f);
  transition:.4s
}

.step{display:none}
.step.active{display:block}

input{
  width:100%;padding:14px;border-radius:10px;
  background:#0c1412;border:1px solid #222;color:#fff
}

/* options side by side */
.options-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 14px;
}


.option-card{
  background:#0c1412;
  border:1px solid #222;
  border-radius:12px;
  padding:14px 10px;
  cursor:pointer;
  text-align:center;
  font-size:14px;
}
.option-card{
  white-space: normal;
  word-break: break-word;
  overflow-wrap: break-word;
}

.option-card input{display:none}
.option-card:has(input:checked){
  background:linear-gradient(135deg,#f5d76e,#d6a94f);
  color:#000
}

/* pricing */
.price-title,
.price-amount,
.price-desc{
  display:block;
  text-align:center;
}


/* review vertical */
.review-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:12px
}
.review-card{
  background:#0c1412;border:1px solid #222;
  border-radius:12px;padding:14px;text-align:left
}
.review-card .value{color:#f5d76e;font-weight:600}

.buttons{
  display:flex;justify-content:space-between;margin-top:20px
}
#nextBtn{
  background:linear-gradient(90deg,#f5d76e,#d6a94f);
  border:none;border-radius:30px;
  padding:12px 24px;font-weight:600;cursor:pointer
}
#backBtn{
  background:none;border:none;color:#888;cursor:pointer
}
/* 🔥 Submit Button Highlight */
.submit-highlight {
  animation: pulseGlow 1.5s infinite;
  box-shadow: 0 0 20px rgba(214, 184, 90, 0.8);
}

@keyframes pulseGlow {
  0% {
    box-shadow: 0 0 10px rgba(214, 184, 90, 0.4);
  }
  50% {
    box-shadow: 0 0 30px rgba(214, 184, 90, 0.9);
  }
  100% {
    box-shadow: 0 0 10px rgba(214, 184, 90, 0.4);
  }
}