.rmsqf-front-shell{
  --accent:#2f7cff;
  position:relative;
  min-height:720px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:40px 18px;
  background:#050814;
  color:#f8fafc;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  overflow:hidden;
}

.rmsqf-front-shell.fullscreen{
  min-height:100vh;
}

.rmsqf-front-bg{
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 20% 0,rgba(47,124,255,.24),transparent 30%),
    radial-gradient(circle at 90% 10%,rgba(249,115,22,.18),transparent 28%),
    linear-gradient(180deg,#050814,#08111f 52%,#050814);
  z-index:0;
}

.rmsqf-front-card{
  position:relative;
  z-index:1;
  width:min(760px,100%);
  min-height:520px;
  background:linear-gradient(180deg,rgba(15,23,42,.94),rgba(2,6,23,.92));
  border:1px solid rgba(148,163,184,.18);
  border-radius:32px;
  box-shadow:0 30px 90px rgba(0,0,0,.42);
  overflow:hidden;
}

.rmsqf-progress{
  height:7px;
  background:rgba(255,255,255,.08);
}

.rmsqf-progress span{
  display:block;
  width:0;
  height:100%;
  background:linear-gradient(90deg,#2f7cff,#a855f7,#f97316);
  transition:.25s ease;
}

.rmsqf-front-content{
  padding:42px;
}

.rmsqf-step-kicker{
  display:inline-flex;
  border:1px solid rgba(148,163,184,.18);
  background:rgba(255,255,255,.06);
  border-radius:999px;
  padding:8px 12px;
  color:#dbeafe;
  font-size:12px;
  font-weight:750;
  margin-bottom:18px;
}

.rmsqf-front-content h2{
  color:#fff;
  font-size:42px;
  line-height:1.05;
  letter-spacing:-.05em;
  margin:0 0 14px;
}

.rmsqf-front-content p{
  color:#cbd5e1;
  font-size:17px;
  line-height:1.7;
}

.rmsqf-options{
  display:grid;
  gap:12px;
  margin-top:26px;
}

.rmsqf-option{
  width:100%;
  text-align:left;
  border:1px solid rgba(148,163,184,.16);
  background:rgba(255,255,255,.045);
  color:#f8fafc;
  border-radius:18px;
  padding:17px 18px;
  cursor:pointer;
  font-weight:700;
  transition:.18s ease;
}

.rmsqf-option:hover,
.rmsqf-option.selected{
  background:rgba(47,124,255,.14);
  border-color:rgba(96,165,250,.40);
  transform:translateY(-1px);
}

.rmsqf-input,
.rmsqf-textarea,
.rmsqf-select{
  width:100%;
  background:linear-gradient(180deg,rgba(15,23,42,.92),rgba(2,6,23,.9));
  border:1px solid rgba(148,163,184,.18);
  color:#f8fafc;
  border-radius:18px;
  padding:16px 17px;
  outline:none;
  margin-top:22px;
  font-size:16px;
}

.rmsqf-input:focus,
.rmsqf-textarea:focus,
.rmsqf-select:focus{
  border-color:rgba(96,165,250,.42);
  box-shadow:0 0 0 3px rgba(47,124,255,.12);
}

.rmsqf-textarea{
  min-height:140px;
}

.rmsqf-nav{
  display:flex;
  justify-content:space-between;
  gap:12px;
  margin-top:28px;
}

.rmsqf-front-btn{
  border:0;
  border-radius:16px;
  padding:15px 22px;
  min-height:52px;
  font-weight:750;
  cursor:pointer;
  color:#fff;
  background:linear-gradient(90deg,#2f7cff,#a855f7,#f97316);
  box-shadow:0 14px 34px rgba(47,124,255,.20);
}

.rmsqf-front-btn.ghost{
  background:rgba(255,255,255,.08);
  border:1px solid rgba(148,163,184,.2);
  box-shadow:none;
}

.rmsqf-result-box{
  border:1px solid rgba(148,163,184,.16);
  background:rgba(255,255,255,.045);
  border-radius:24px;
  padding:24px;
  margin:22px 0;
}

.rmsqf-result-box h3{
  color:#fff;
  font-size:28px;
  margin:0 0 10px;
}

.rmsqf-result-box p{
  margin:0 0 14px;
}

.rmsqf-solution{
  border-left:5px solid #2f7cff;
  padding:16px;
  background:rgba(47,124,255,.10);
  border-radius:18px;
  color:#dbeafe;
}

@media(max-width:680px){
  .rmsqf-front-content{
    padding:28px 22px;
  }
  .rmsqf-front-content h2{
    font-size:32px;
  }
  .rmsqf-nav{
    flex-direction:column;
  }
  .rmsqf-front-btn{
    width:100%;
  }
}