*,*::before,*::after{box-sizing:border-box}

.msf-wrap{background-color:#1a1f2e;border-radius:12px;padding:24px;font-family:inherit;position:relative;width:100%}

.msf-topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.msf-step-hdr{font-size:12px;font-weight:600;letter-spacing:.06em;color:#8892a4;text-transform:uppercase}
.msf-step-pct{font-size:13px;font-weight:600;color:#8892a4}

.msf-pb-track{width:100%;height:6px;background-color:#2d3347;border-radius:99px;overflow:hidden;margin-bottom:6px}
.msf-pb-fill{height:100%;border-radius:99px;transition:width .4s ease;background:linear-gradient(to right,#4ade80,#f97316)}
.msf-pb-labels{display:flex;justify-content:space-between;margin-bottom:24px}
.msf-pb-left{font-size:12px;color:#8892a4}
.msf-pb-right{font-size:12px;color:#f97316;font-weight:600}

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

.msf-step-h2{font-size:22px;font-weight:700;color:#fff;margin:0 0 24px}

/* Cards */
.msf-cards-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:32px}
@media(max-width:480px){.msf-cards-grid{grid-template-columns:1fr}}

.msf-card{background-color:#242938;border:1px solid #2d3347;border-radius:8px;padding:16px;cursor:pointer;display:flex;align-items:flex-start;gap:12px;transition:border-color .2s,background-color .2s}
.msf-card:hover{border-color:#4a5270}
.msf-card.msf-on{border-color:#f97316;background-color:#2d3347}

.msf-card-icon{font-size:20px;color:#8892a4;flex-shrink:0;margin-top:2px;transition:color .2s;display:flex;align-items:center}
.msf-card-icon i,.msf-card-icon svg{width:20px;height:20px;color:#8892a4;fill:#8892a4}
.msf-card.msf-on .msf-card-icon i,.msf-card.msf-on .msf-card-icon svg{color:#f97316;fill:#f97316}

.msf-card-body{flex:1}
.msf-card-title{font-size:14px;font-weight:700;color:#fff;margin-bottom:4px;line-height:1.3}
.msf-card-desc{font-size:12px;color:#8892a4;line-height:1.4}

/* Group buttons */
.msf-grp-lbl{font-size:14px;font-weight:600;color:#fff;margin:20px 0 10px}
.msf-grp-lbl:first-of-type{margin-top:0}
.msf-opts{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}

.msf-opt{background-color:#242938;border:1px solid #2d3347;border-radius:6px;color:#c8d0e0;font-size:13px;padding:10px 14px;cursor:pointer;transition:border-color .2s,background-color .2s,color .2s;line-height:1.3}
.msf-opt:hover{border-color:#4a5270}
.msf-opt.msf-on{border-color:#f97316;background-color:#2d3347;color:#fff}

/* Dropdown */
.msf-sel{width:100%;background-color:#242938;border:1px solid #2d3347;border-radius:6px;color:#fff;font-size:14px;padding:12px 14px;margin-bottom:16px;cursor:pointer}
.msf-sel:focus{outline:none;border-color:#f97316}

/* Fields */
.msf-field{margin-bottom:18px}
.msf-lbl{display:block;font-size:14px;font-weight:600;color:#fff;margin-bottom:8px}
.msf-optional{font-size:12px;font-weight:400;color:#8892a4}

.msf-inp,.msf-ta{width:100%;background-color:#242938;border:1px solid #2d3347;border-radius:6px;color:#fff;font-size:14px;padding:12px 14px;transition:border-color .2s;font-family:inherit}
.msf-ta{resize:vertical;min-height:100px}
.msf-inp::placeholder,.msf-ta::placeholder{color:#5a6580}
.msf-inp:focus,.msf-ta:focus,.msf-sel:focus{outline:none;border-color:#f97316}

/* Review */
.msf-review-tbl{background-color:#242938;border-radius:8px;overflow:hidden;margin-bottom:20px}
.msf-rv-row{display:flex;justify-content:space-between;align-items:center;padding:14px 18px}
.msf-rv-row+.msf-rv-row{border-top:1px solid #2d3347}
.msf-rv-lbl{font-size:14px;color:#8892a4}
.msf-rv-val{font-size:14px;color:#fff;font-weight:600;text-align:right}
.msf-privacy{font-size:12px;color:#8892a4;line-height:1.6;margin-bottom:24px}

/* Nav */
.msf-nav{display:flex;justify-content:space-between;align-items:center;margin-top:24px;border-top:1px solid #2d3347;padding-top:20px}

.msf-back{background:none;border:none;color:#8892a4;font-size:14px;cursor:pointer;padding:8px 0;transition:color .2s}
.msf-back:hover{color:#fff}

.msf-next,.msf-sub{background-color:#f97316;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;padding:14px 28px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background-color .2s,transform .1s}
.msf-next:hover,.msf-sub:hover{background-color:#ea6a0a}
.msf-next:active,.msf-sub:active{transform:scale(.98)}
.msf-next:disabled,.msf-sub:disabled{opacity:.5;cursor:not-allowed}

/* Success */
.msf-done{text-align:center;padding:40px 20px;color:#fff;font-size:16px;line-height:1.7}

/* Utility */
.msf-hide{display:none!important}

/* Validation */
.msf-inp.msf-err,.msf-ta.msf-err,.msf-sel.msf-err{border-color:#ef4444}
.msf-errmsg{color:#ef4444;font-size:12px;margin-top:4px}

/* Loading */
.msf-sub.msf-loading::after{content:'';display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:msf-spin .7s linear infinite;margin-left:8px}
@keyframes msf-spin{to{transform:rotate(360deg)}}