/* Ember Subscription Enquiry Popup - Frontend */
.cmsep-open{
  font-family:"Poppins",sans-serif;
  border:none;
  cursor:pointer;
  padding:.9rem 1.8rem;
  border-radius:999px;
  font-size:.95rem;
  font-weight:600;
  letter-spacing:.03em;
  background:#ffb400;
  color:#1a1330;
  box-shadow:0 10px 25px rgba(0,0,0,.12);
  transition:transform .15s ease, box-shadow .15s ease, background .15s ease;
}
.cmsep-open:hover{transform:translateY(-1px);box-shadow:0 14px 30px rgba(0,0,0,.18);background:#ffc533;}
.cmsep-open:active{transform:translateY(0);box-shadow:0 6px 18px rgba(0,0,0,.15);}

.cmsep-success{
  font-family:"Poppins",sans-serif;
  background:#e3ffe9;
  border-radius:999px;
  padding:.75rem 1.2rem;
  display:inline-block;
  font-size:.85rem;
  margin-bottom:.75rem;
  color:#16523c;
}

.cmsep-modal{
  position:fixed; inset:0; z-index:9999;
  display:none; align-items:center; justify-content:center;
  font-family:"Poppins",sans-serif;
}
.cmsep-modal.is-open{display:flex;}
.cmsep-overlay{position:absolute; inset:0; background:rgba(0,0,0,.55);}
.cmsep-dialog{
  position:relative; background:#fff; border-radius:18px;
  width:96%; max-width:1080px; max-height:90vh; overflow:hidden;
  box-shadow:0 24px 60px rgba(0,0,0,.35);
  display:flex; flex-direction:column; z-index:1;
  min-height:520px;
}
.cmsep-close{
  position:absolute; top:12px; right:16px;
  border:none; background:transparent;
  font-size:1.8rem; line-height:1;
  cursor:pointer; color:#7d72a8;
}
.cmsep-close:hover{color:#000;}

.cmsep-inner{display:flex; flex:1; overflow:hidden; flex-direction:column;}
.cmsep-left,.cmsep-right{padding:2rem 1.6rem;}
.cmsep-left{display:flex; flex-direction:column; height:100%;}
.cmsep-form{display:flex; flex-direction:column; height:100%;}

.cmsep-step{display:none; animation:cmsepFadeIn .3s ease; flex:1; overflow-y:auto; padding-bottom:2rem;}
.cmsep-step.is-active{display:block;}
.cmsep-step-count{font-size:.8rem; letter-spacing:.14em; text-transform:uppercase; color:#a59ad4; margin-bottom:.6rem;}
.cmsep-left h2{font-size:1.4rem; margin:0 0 .5rem 0; color:#241a3d;}
.cmsep-help{font-size:.9rem; color:#1a1a1a; margin-bottom:1.4rem;}

.cmsep-field{margin-bottom:.5rem;}
.cmsep-field input,
.cmsep-field select,
.cmsep-field textarea{
  width:100%;
  border-radius:0;
  border:none;
  border-bottom:2px solid #e0d6ff;
  padding:.8rem .1rem;
  font-size:.98rem;
  font-family:"Poppins",sans-serif;
  outline:none;
  transition:border-color .18s ease, background .18s ease;
}
.cmsep-field textarea{resize:vertical;}
.cmsep-field input:focus,
.cmsep-field select:focus,
.cmsep-field textarea:focus{
  border-bottom-color:#b399ff;
  background:#faf7ff;
}

.cmsep-invalid{border-bottom-color:#ff4a4a !important; background:#fff1f1 !important;}

.cmsep-note{
  margin-top:1rem;
  font-size:.9rem;
  background:#f7f3ff;
  border:1px solid #efe6ff;
  padding:.9rem 1rem;
  border-radius:12px;
  color:#3f2f6b;
}

.cmsep-progress{height:4px; border-radius:999px; background:#efe9ff; overflow:hidden; margin-top:.8rem;}
.cmsep-progress-bar{height:100%; width:0; background:linear-gradient(90deg,#ffb400,#ff7b8a); transition:width .25s ease;}

.cmsep-controls{
  margin-top:auto !important;
  display:flex; align-items:center; gap:.75rem;
  padding-top:1rem;
  background:#fff;
  position:sticky;
  bottom:0;
}
.cmsep-prev{
  border-radius:999px; border:none;
  padding:.7rem 1.3rem;
  background:#f3efff;
  color:#5c4e93;
  font-size:.85rem;
  font-weight:500;
  cursor:pointer;
}
.cmsep-prev:hover{background:#e4dcff;}
.cmsep-next,.cmsep-submit{
  border-radius:999px; border:none;
  padding:.8rem 1.7rem;
  background:#ffb400;
  color:#1a1330;
  font-size:.9rem;
  font-weight:600;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  gap:.3rem;
}
.cmsep-next:hover,.cmsep-submit:hover{background:#ffc533;}
.cmsep-spacer{flex:1;}

.cmsep-honeypot{
  position:absolute !important;
  left:-9999px !important;
  top:-9999px !important;
  opacity:0 !important;
  visibility:hidden !important;
  height:0 !important;
  width:0 !important;
}

.cmsep-right{
  border-left:1px solid #f2ecff;
  background:radial-gradient(circle at top left,#f7f3ff 0,#fff 45%,#fff 100%);
  display:none;
}
.cmsep-right-inner{height:100%; display:flex; flex-direction:column; justify-content:center;}
.cmsep-quote-label{font-size:.78rem; letter-spacing:.16em; text-transform:uppercase; color:#454545; margin-bottom:.6rem;}
.cmsep-stars{color:#ffb400; margin-bottom:.5rem;}
.cmsep-testimonial{display:none;}
.cmsep-testimonial.is-active{display:block;}
.cmsep-card{
  background:#fff;
  border-radius:14px;
  padding:1.2rem 1.4rem;
  box-shadow:0 10px 30px rgba(36,26,61,.18);
  font-size:.92rem;
  color:#4b3b7d;
}
.cmsep-name{font-weight:600; font-size:.95rem; margin-bottom:.1rem;}
.cmsep-website{font-size:.82rem; color:#a28dd6; text-decoration:none;}
.cmsep-content{margin-top:.8rem; line-height:1.5;}
.cmsep-placeholder{font-size:.9rem; color:#806fae;}

@media (min-width:900px){
  .cmsep-inner{flex-direction:row;}
  .cmsep-left,.cmsep-right{padding:2.2rem 2.4rem;}
  .cmsep-left{width:60%; border-right:1px solid #f2ecff;}
  .cmsep-right{width:40%; display:block;}
}

@keyframes cmsepFadeIn{
  from{opacity:0; transform:translateY(10px);}
  to{opacity:1; transform:translateY(0);}
}