.onboarding-spotlight-box{position:fixed;z-index:9998;border-radius:14px;border:2px solid rgba(217,70,239,.7);box-shadow:0 0 0 9999px rgba(5,5,16,.82),0 0 25px rgba(217,70,239,.45),inset 0 0 15px rgba(6,182,212,.2);pointer-events:none;transition:top .25s cubic-bezier(.16,1,.3,1),left .25s cubic-bezier(.16,1,.3,1),width .25s cubic-bezier(.16,1,.3,1),height .25s cubic-bezier(.16,1,.3,1)}.onboarding-tooltip{position:fixed;z-index:10000;background:linear-gradient(145deg,rgba(26,18,40,.96),rgba(14,10,24,.97));backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border:1px solid rgba(217,70,239,.35);box-shadow:0 24px 60px rgba(0,0,0,.8),0 0 25px rgba(217,70,239,.2),inset 0 1px 0 rgba(255,255,255,.12);border-radius:16px;padding:1.15rem;width:290px;max-width:90vw;transition:top .2s linear,left .2s linear,opacity .35s cubic-bezier(.16,1,.3,1);opacity:0;pointer-events:none}.onboarding-tooltip.visible{opacity:1;pointer-events:auto}.onboarding-tooltip.visible.top{animation:popUpTop .35s cubic-bezier(.16,1,.3,1) forwards}.onboarding-tooltip.visible.bottom{animation:popUpBottom .35s cubic-bezier(.16,1,.3,1) forwards}.onboarding-tooltip.visible.left{animation:popUpLeft .35s cubic-bezier(.16,1,.3,1) forwards}.onboarding-tooltip.visible.right{animation:popUpRight .35s cubic-bezier(.16,1,.3,1) forwards}.onboarding-tooltip-arrow{position:absolute;width:0;height:0;border-style:solid}.onboarding-tooltip.right .onboarding-tooltip-arrow{left:-8px;top:50%;transform:translateY(-50%);border-width:8px 8px 8px 0;border-color:transparent rgba(20,14,30,.96) transparent transparent;filter:drop-shadow(-1px 0 0 rgba(217,70,239,.4))}.onboarding-tooltip.left .onboarding-tooltip-arrow{right:-8px;top:50%;transform:translateY(-50%);border-width:8px 0 8px 8px;border-color:transparent transparent transparent rgba(20,14,30,.96);filter:drop-shadow(1px 0 0 rgba(217,70,239,.4))}.onboarding-tooltip.top .onboarding-tooltip-arrow{bottom:-8px;left:50%;transform:translateX(-50%);border-width:8px 8px 0;border-color:rgba(20,14,30,.96) transparent transparent;filter:drop-shadow(0 1px 0 rgba(217,70,239,.4))}.onboarding-tooltip.bottom .onboarding-tooltip-arrow{top:-8px;left:50%;transform:translateX(-50%);border-width:0 8px 8px;border-color:transparent transparent rgba(20,14,30,.96);filter:drop-shadow(0 -1px 0 rgba(217,70,239,.4))}.onboarding-tooltip-content{position:relative;z-index:2}.step-counter{font-size:.75rem;color:rgba(255,255,255,.5);font-weight:500;font-feature-settings:"tnum" 1}.onboarding-next-btn{background:linear-gradient(135deg,#d946ef,#06b6d4);border:none;color:#ffffff;box-shadow:0 4px 15px rgba(217,70,239,.4);border-radius:8px;padding:.45rem 1rem;font-size:.82rem;font-weight:600;cursor:pointer;display:flex;align-items:center;transition:all .2s cubic-bezier(.16,1,.3,1)}.onboarding-next-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(217,70,239,.6);filter:brightness(1.1)}.onboarding-next-btn:active{transform:translateY(0)}@keyframes popUpLeft{0%{transform:scale(.92) translate(-100%,-50%);opacity:0}to{transform:scale(1) translate(-100%,-50%);opacity:1}}@keyframes popUpRight{0%{transform:scale(.92) translateY(-50%);opacity:0}to{transform:scale(1) translateY(-50%);opacity:1}}@keyframes popUpBottom{0%{transform:scale(.92) translate(-50%);opacity:0}to{transform:scale(1) translate(-50%);opacity:1}}@keyframes popUpTop{0%{transform:scale(.92) translate(-50%,-100%);opacity:0}to{transform:scale(1) translate(-50%,-100%);opacity:1}}