:root{scroll-margin-top:110px}
#buy{scroll-margin-top:110px}
.buy-tabs{--bt-bg:rgba(255,255,255,.04)}
.buy-tab{position:relative;padding:.75rem 1.15rem;border:1px solid rgba(255,255,255,.08);background:var(--bt-bg);border-radius:.85rem;font-weight:600;font-size:.85rem;letter-spacing:.3px;color:#e2e8f0;cursor:pointer;transition:.35s;backdrop-filter:blur(6px)}
.buy-tab:hover{border-color:rgba(255,255,255,.18);color:#fff}
.buy-tab.is-active{background:linear-gradient(135deg,#10b98133,#6366f133);border-color:rgba(255,255,255,.25);box-shadow:0 0 0 1px rgba(255,255,255,.08),0 4px 18px -4px rgba(0,0,0,.5)}
.buy-flow{animation:bfFade .45s ease}
@keyframes bfFade{0%{opacity:0;transform:translateY(10px)}100%{opacity:1;transform:translateY(0)}}
.bf-step{position:relative;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);padding:1.05rem 1rem 1rem;border-radius:1.15rem;display:flex;flex-direction:column;gap:.55rem;min-height:220px;overflow:hidden}
.bf-step:before{content:attr(data-step);position:absolute;top:-12px;left:-12px;height:46px;width:46px;border-radius:50%;background:linear-gradient(140deg,#10b981,#6366f1);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.95rem;color:#0f172a;box-shadow:0 0 0 4px #0f172a,0 6px 18px -4px rgba(0,0,0,.6)}
.bf-step-head{font-weight:700;font-size:.95rem;letter-spacing:.4px;margin-top:.25rem}
.bf-step-desc{font-size:.8rem;line-height:1.4;color:#cbd5e1;margin:0}
.bf-ul{margin:0;padding-left:1.05rem;font-size:.72rem;line-height:1.35}
.bf-ul li{margin:.25rem 0 0;list-style:disc}
.bf-links{display:flex;gap:.55rem;margin-top:.25rem;flex-wrap:wrap}
.bf-links a,.bf-link-btn{font-size:.7rem;padding:.45rem .75rem;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);border-radius:.65rem;text-decoration:none;font-weight:600;letter-spacing:.4px;color:#e2e8f0;transition:.3s}
.bf-links a:hover,.bf-link-btn:hover{background:linear-gradient(135deg,#10b98133,#6366f133);color:#fff;border-color:rgba(255,255,255,.35)}
.bf-link-btn{display:inline-flex;align-items:center;justify-content:center;margin-top:.35rem}
.bf-code{font-size:.65rem;background:#020617;padding:.4rem .55rem;border:1px solid rgba(255,255,255,.15);border-radius:.5rem;display:inline-block;max-width:100%;word-break:break-all;color:#7dd3fc}
.bf-note{font-size:.6rem;opacity:.7;line-height:1.2}
.bf-pill{display:inline-block;padding:.25rem .55rem;font-size:.65rem;border:1px solid rgba(255,255,255,.18);border-radius:.65rem;background:rgba(255,255,255,.07);letter-spacing:.4px}
.bf-panel{border:1px solid rgba(255,255,255,.1);background:linear-gradient(160deg,rgba(255,255,255,.05),rgba(255,255,255,.02));padding:1.4rem 1.4rem 1.6rem;border-radius:1.25rem}
.bf-panel-title{font-size:.85rem;font-weight:700;letter-spacing:.5px;margin:0 0 .75rem}
.bf-action{margin-top:.4rem;background:linear-gradient(140deg,#10b981,#059669);color:#0f172a;font-weight:700;font-size:.7rem;padding:.55rem .9rem;border-radius:.7rem;border:1px solid rgba(255,255,255,.15);cursor:not-allowed;opacity:.7}
.bf-action.alt{background:linear-gradient(140deg,#6366f1,#4f46e5);margin-left:.4rem}
.columns-2{column-count:2;column-gap:1.25rem}
@media (max-width:820px){.columns-2{column-count:1}}
@media (max-width:640px){.bf-step{min-height:unset}.buy-tab{flex:1;text-align:center}}