
.sf-coil-pro{position:relative;max-width:1240px;margin:40px auto;padding:30px;border-radius:28px;color:var(--sf-text);font-family:inherit;overflow:hidden;background:linear-gradient(135deg,var(--sf-bg-start) 0%,var(--sf-bg-mid) 55%,var(--sf-bg-end) 100%);box-shadow:0 35px 90px rgba(0,0,0,.75)}
.sf-coil-bg{position:absolute;inset:0;background:
radial-gradient(circle at top left, rgba(255,20,147,.20), transparent 28%),
radial-gradient(circle at 70% 20%, rgba(105,221,208,.13), transparent 24%),
radial-gradient(circle at bottom right, rgba(107,42,134,.20), transparent 30%),
linear-gradient(90deg, rgba(255,20,147,.10), transparent 35%, rgba(105,221,208,.05) 65%, rgba(107,42,134,.10) 100%);
pointer-events:none}
.sf-coil-head,.sf-layout{position:relative;z-index:1}
.sf-coil-head{margin-bottom:26px}
.sf-badge{display:inline-block;padding:7px 14px;border-radius:999px;background:rgba(255,20,147,.14);border:1px solid rgba(255,20,147,.7);color:var(--sf-text);font-size:12px;font-weight:800;letter-spacing:.14em}
.sf-coil-head h2{margin:12px 0 8px;font-size:clamp(34px,5vw,64px);line-height:.95;font-weight:900;color:#fff !important}
.sf-coil-head p{max-width:860px;margin:0;color:var(--sf-muted) !important;font-size:16px;line-height:1.6}
.sf-layout{display:grid;grid-template-columns:1fr 1.35fr;gap:28px}
@media (max-width:920px){.sf-layout{grid-template-columns:1fr}.sf-coil-pro{padding:22px}}
.sf-info-card,.sf-form-card{background:var(--sf-card-bg);border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:24px;backdrop-filter:blur(6px)}
.sf-info-card h3,.sf-form-card h3,.sf-field label,.sf-result h4,.sf-result strong,.sf-result b,.sf-result p,.sf-disclaimer,.sf-help,.sf-info-card li,.sf-mini-note,.sf-select-wrap select,.sf-input-wrap input{color:#fff !important}
.sf-info-card h3{margin:0 0 10px;font-size:22px}
.sf-info-card ol{margin:0;padding-left:20px}
.sf-info-card li{margin:0 0 9px;line-height:1.55}
.sf-mini-note{margin-top:16px;padding:16px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.10);line-height:1.5}
.sf-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.sf-full{grid-column:1/-1}
@media (max-width:720px){.sf-grid{grid-template-columns:1fr}}
.sf-field label{display:block;margin-bottom:8px;font-weight:800;font-size:15px}
.sf-input-wrap,.sf-select-wrap{display:flex;align-items:center;background:var(--sf-input-bg);border:1px solid rgba(255,255,255,.14);border-radius:16px;overflow:hidden}
.sf-input-wrap input,.sf-select-wrap select{width:100%;padding:15px 16px;border:0;background:transparent;font-size:16px;font-weight:700;outline:none;appearance:none}
.sf-input-wrap span{padding:0 14px;font-weight:900;color:#fff;background:linear-gradient(135deg,var(--sf-pink),var(--sf-turq))}
.sf-select-wrap{position:relative;overflow:hidden}
.sf-select-wrap:after{content:"▾";position:absolute;right:15px;top:50%;transform:translateY(-50%);color:#fff;font-size:14px;pointer-events:none}
.sf-select-wrap select{
    padding-right:42px;
    color:#fff !important;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    line-height:1.3;
}
.sf-select-wrap select option{
    color:#fff;
    background:#0b0e14;
}
.sf-help{margin:7px 2px 0;color:var(--sf-muted) !important;font-size:13px;line-height:1.45}
.sf-btn{margin-top:18px;width:100%;padding:16px 18px;border:0;border-radius:999px;font-size:14px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;color:#fff;background:linear-gradient(90deg,var(--sf-pink),var(--sf-turq));box-shadow:0 14px 32px rgba(0,0,0,.45)}
.sf-result{margin-top:18px;padding:18px;border-radius:18px;background:var(--sf-result-bg);border:1px solid rgba(255,255,255,.10);min-height:90px}
.sf-result-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
@media (max-width:800px){.sf-result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.sf-result-grid{grid-template-columns:1fr}}
.sf-result-box{padding:14px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
.sf-result-label{font-size:12px;font-weight:800;letter-spacing:.10em;text-transform:uppercase;color:var(--sf-muted) !important;margin-bottom:6px}
.sf-result-value{font-size:18px;font-weight:900;color:#fff !important;line-height:1.35}
.sf-result-note{margin-top:14px;color:var(--sf-muted) !important;line-height:1.55}
.sf-disclaimer{margin-top:14px;font-size:13px;line-height:1.5;color:var(--sf-muted) !important}



/* === Dropdown visibility fix: keep full leverage-ratio text visible === */
.sf-select-wrap{
    display:block !important;
    background:#0b0e14 !important;
    min-height:64px !important;
    height:auto !important;
    overflow:hidden !important;
}

.sf-select-wrap select{
    display:block !important;
    width:100% !important;
    min-height:64px !important;
    height:auto !important;
    padding:18px 48px 18px 18px !important;
    box-sizing:border-box !important;
    background:#0b0e14 !important;
    color:#ffffff !important;
    border:none !important;
    outline:none !important;
    appearance:none !important;
    -webkit-appearance:none !important;
    -moz-appearance:none !important;
    font-size:15px !important;
    font-weight:700 !important;
    line-height:1.35 !important;
    white-space:nowrap !important;
    text-overflow:ellipsis !important;
    overflow:hidden !important;
    vertical-align:middle !important;
}

.sf-select-wrap option{
    background:#0b0e14 !important;
    color:#ffffff !important;
    line-height:1.35 !important;
}
