.onboarding-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .5s ease;pointer-events:none}.onboarding-overlay.active{opacity:1;pointer-events:auto}.onboarding-wizard{width:600px;max-width:90vw;background:#0f0f0ff2;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:3rem;position:relative;box-shadow:0 20px 50px #00000080,0 0 100px #00ff9d1a;transform:translateY(20px);transition:all .5s cubic-bezier(.16,1,.3,1)}.onboarding-overlay.active .onboarding-wizard{transform:translateY(0)}.wizard-progress-bar{position:absolute;top:0;left:0;width:100%;height:4px;background:#ffffff0d;border-radius:20px 20px 0 0;overflow:hidden}.wizard-progress-fill{height:100%;background:var(--accent-primary);width:0%;transition:width .4s ease}.wizard-step{display:none}.wizard-step.active{display:block;animation:slideUpFade .6s ease-out forwards}.wizard-step .step-icon{font-size:3rem;margin-bottom:1.5rem;display:block}.wizard-step h2{font-family:Outfit,sans-serif;font-size:2.2rem;font-weight:700;color:#fff;margin-bottom:1.2rem;line-height:1.1}.wizard-step p{font-size:1.1rem;color:#a3a3a3;line-height:1.6;margin-bottom:2rem}.context-box{background:#00ff9d0d;border-left:3px solid var(--accent-primary);padding:1.25rem 1.5rem;margin-bottom:2rem;border-radius:0 12px 12px 0}.context-box h4{color:var(--accent-primary);font-size:.8rem;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:1.5px;font-family:Space Mono,monospace}.context-box p{font-size:.95rem;margin-bottom:0;color:#d4d4d4}.wizard-actions{display:flex;justify-content:space-between;align-items:center;margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.05)}.step-indicator{color:#525252;font-family:Space Mono,monospace;font-size:.85rem}.wizard-nav-btns{display:flex;gap:1rem;align-items:center}.wizard-nav-btns button{font-family:Outfit,sans-serif;letter-spacing:-.01em}#skip-guide-btn{background:#ffffff08;border:1px solid rgba(255,255,255,.05);color:#737373;font-size:.8rem;padding:.5rem 1rem;border-radius:8px;transition:all .3s ease}#skip-guide-btn:hover{background:#ffffff14;border-color:#ffffff26;color:#a3a3a3;transform:translateY(-1px)}#next-step-btn{box-shadow:0 4px 15px #00ff9d33;border:1px solid rgba(0,255,157,.3)}#next-step-btn:hover{box-shadow:0 6px 20px #00ff9d66;transform:translateY(-2px) scale(1.02)}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.wizard-close-btn{position:absolute;top:20px;right:20px;background:none;border:none;color:#525252;font-size:1.5rem;cursor:pointer;transition:color .2s ease;z-index:10001;line-height:1;padding:5px}.wizard-close-btn:hover{color:#fff}