.sf{background:linear-gradient(160deg,#3b82f61f,#ffffff08);border:1px solid #ffffff1f;border-radius:28px;max-width:820px;margin:0 auto;padding:clamp(22px,4vw,40px)}.sf-step{color:#93c5fd;letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px;font-size:13px;font-weight:700}.sf-head h2{color:#fff;letter-spacing:-.02em;margin:0;font-size:clamp(26px,3.4vw,38px)}.sf-progress{background:#ffffff1a;border-radius:999px;height:6px;margin:18px 0 24px;overflow:hidden}.sf-progress i{border-radius:inherit;background:linear-gradient(90deg,#3b82f6,#a78bfa);height:100%;transition:width .5s cubic-bezier(.16,1,.3,1);display:block}.sf-options{gap:10px;display:grid}.sf-option{color:#fff;width:100%;min-height:60px;font:inherit;text-align:left;cursor:pointer;background:#050c188c;border:1px solid #ffffff24;border-radius:18px;align-items:center;gap:14px;padding:14px 18px;font-size:17px;font-weight:600;transition:border-color .25s,background .25s,transform .25s;animation:.45s cubic-bezier(.16,1,.3,1) both sf-in;display:flex}.sf-option:nth-child(2){animation-delay:50ms}.sf-option:nth-child(3){animation-delay:.1s}.sf-option:nth-child(4){animation-delay:.15s}.sf-option:nth-child(n+5){animation-delay:.2s}.sf-option:hover,.sf-option:focus-visible{background:#1e40af4d;border-color:#60a5fa99;transform:translate(3px)}.sf-option>svg:first-child{color:#93c5fd;flex:none}.sf-option>svg:last-child{color:#93c5fd;flex:none;margin-left:auto}.sf-option>span{flex:1}.sf-option-text{gap:2px;display:grid}.sf-option-text small{color:#a5b4cb;font-size:14px;font-weight:500}.sf-result p{margin:0 0 12px;font-size:17px;line-height:1.55;color:#dbe4f0!important}.sf-result .sf-price{align-items:flex-start;gap:10px;font-weight:650;display:flex;color:#fff!important}.sf-price svg{color:#4ade80;flex:none;margin-top:3px}.sf-actions{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.sf-back{color:#93c5fd;min-height:44px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:6px;margin-top:20px;padding:0 14px;font-weight:600;display:inline-flex}.sf-back:hover{color:#fff}@keyframes sf-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media (max-width:720px){.sf-actions{flex-direction:column}.sf-actions .lx-btn{width:100%}}
