*{margin:0;padding:0;box-sizing:border-box;font-family:"Segoe UI",system-ui,sans-serif}

.cq-hero{
  height:70vh;
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 30% 20%, rgba(154,199,44,.08), transparent 45%),
    linear-gradient(rgba(0,0,0,.55), rgba(0,0,0,.65)),
    url("https://images.unsplash.com/photo-1618220179428-22790b461013?q=80&w=1920");
  background-size:cover;
  background-position:center;
}

.cq-orb{
  position:absolute;
  border-radius:50%;
  background:radial-gradient(circle,#9ac72c,transparent 70%);
  opacity:.15;
  filter:blur(40px);
  animation:cqFloat 12s infinite ease-in-out;
}
.cq-orb:nth-child(1){width:200px;height:200px;top:10%;left:10%}
.cq-orb:nth-child(2){width:260px;height:260px;bottom:10%;right:10%;animation-delay:3s}

@keyframes cqFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-30px)}
}

.cq-card{
  width:480px;
  padding:42px;
  border-radius:22px;
  background:rgba(18,18,18,.75);
  backdrop-filter:blur(16px);
  border:1px solid rgba(255,255,255,.05);
  box-shadow:0 30px 80px rgba(0,0,0,.7);
  text-align:center;
}

/* TEXT */
.cq-title{font-size:30px;font-weight:600;margin-bottom:6px;color:#fff}
.cq-sub{opacity:.6;font-size:18px;margin-bottom:26px;color:#fff}

/* BUTTON */
.cq-btn{
  background:#9ac72c;
  color:#000;
  border:none;
  padding:14px 26px;
  border-radius:10px;
  font-size:16px;
  cursor:pointer;
  font-weight:600;
}

/* STEPS */
.cq-step{display:none}
.cq-step.active{display:block}

/* PROGRESS */
.cq-progress{height:4px;background:#222;border-radius:20px;overflow:hidden;margin-bottom:25px}
.cq-progress-fill{
  height:100%;
  width:0%;
  background:linear-gradient(90deg,#9ac72c,#c6f25d);
  box-shadow:0 0 10px rgba(154,199,44,.6);
  transition:.4s;
}

/* OPTIONS */
.cq-options{display:grid;gap:14px;margin:24px 0}
.cq-option{
  display:flex;
  align-items:center;
  gap:14px;
  padding:16px;
  border-radius:12px;
  border:1px solid #2a2a2a;
  cursor:pointer;
  transition:.25s;
  background:rgba(255,255,255,.02);
  color:#fff;
}
.cq-option img{width:42px;filter:invert(1)}
.cq-option.selected{
  border-color:#9ac72c;
  background:rgba(154,199,44,.12);
}

/* EXACT INPUT STYLE FROM YOUR HTML */
.cq-card input{
  width:100%;
  padding:14px;
  margin:10px 0;
  border-radius:10px;
  border:1px solid #2a2a2a;
  background:#000;
  color:#fff;
}
.cq-card input:focus{
  outline:none;
  border-color:#9ac72c;
}
.cq-card input.error{border-color:#ff4d4d}

/* SUCCESS */
.cq-success{
  width:70px;height:70px;border-radius:50%;
  border:3px solid #9ac72c;
  display:flex;align-items:center;justify-content:center;
  margin:0 auto 15px;font-size:32px;color:#9ac72c;
}