.vbsdk_howitworks{background:linear-gradient(135deg,#0e0e47,#4223ff);color:#fff;overflow:hidden;padding:4rem 1rem 6rem;position:relative}.vbsdk_howitworks_container{margin:auto;max-width:1200px;position:relative;z-index:2}.vbsdk_howitworks_bg{inset:0;opacity:.1;position:absolute}.vbsdk_howitworks_blob{background:#40ffb1;border-radius:50%;filter:blur(100px);height:380px;left:25%;position:absolute;top:0;width:380px}.vbsdk_howitworks_header{margin-bottom:4rem;text-align:center}.vbsdk_howitworks_title{color:#fff;font-size:clamp(2rem,4vw,3rem);font-weight:700;margin-bottom:1rem}.vbsdk_howitworks_subtitle{color:#e5e7eb;font-size:1.125rem;margin:auto;max-width:640px}.vbsdk_howitworks_steps{display:grid;gap:2rem;margin-bottom:4rem}@media (min-width:768px){.vbsdk_howitworks_steps{grid-template-columns:repeat(3,1fr)}}.vbsdk_step_card{backdrop-filter:blur(8px);background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:1rem;padding:2rem;position:relative;text-align:center;transition:background .3s ease,transform .3s ease}.vbsdk_step_card:hover{background:hsla(0,0%,100%,.2);transform:translateY(-6px)}.vbsdk_step_icon{align-items:center;background:#40ffb1;border-radius:50%;color:#0e0e47;display:flex;font-size:1.75rem;height:64px;justify-content:center;margin:0 auto 1.5rem;width:64px}.vbsdk_step_number{color:hsla(0,0%,100%,.05);font-size:5rem;font-weight:800;left:50%;position:absolute;top:1rem;transform:translateX(-50%);z-index:-1}.vbsdk_step_title{color:#fff;font-size:1.25rem;font-weight:700;margin-bottom:.75rem}.vbsdk_step_text{color:#e5e7eb;font-size:1rem;line-height:1.7}.vbsdk_howitworks_code{background:#1a1a2e;border:1px solid rgba(64,255,177,.2);border-radius:1rem;box-shadow:0 20px 40px rgba(0,0,0,.4);margin:auto;max-width:800px;padding:1.5rem}.vbsdk_code_header{align-items:center;display:flex;gap:.5rem;margin-bottom:1rem}.vbsdk_code_dot{border-radius:50%;height:12px;width:12px}.vbsdk_dot_red{background:#ef4444}.vbsdk_dot_yellow{background:#facc15}.vbsdk_dot_green{background:#22c55e}.vbsdk_code_filename{color:#9ca3af;font-size:.875rem;margin-left:.5rem}.vbsdk_code_block{color:#40ffb1;font-family:monospace;font-size:.875rem;line-height:1.6;overflow-x:auto}@keyframes vbsdk_fade_up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.vbsdk_fade_up{animation:vbsdk_fade_up .8s ease forwards}.vbsdk_fade_up_delay_1{animation:vbsdk_fade_up .8s ease .1s forwards}.vbsdk_fade_up_delay_2{animation:vbsdk_fade_up .8s ease .3s forwards}.vbsdk_fade_up_delay_3{animation:vbsdk_fade_up .8s ease .5s forwards}.vbsdk_fade_up_delay_4{animation:vbsdk_fade_up .8s ease .7s forwards}