@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse-ring{0%{transform:scale(1);opacity:.4}to{transform:scale(1.5);opacity:0}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes gradient-shift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes checkmark-draw{0%{stroke-dashoffset:24}to{stroke-dashoffset:0}}@keyframes confetti-fall{0%{transform:translateY(-10vh) rotate(0deg);opacity:1}to{transform:translateY(100vh) rotate(2turn);opacity:0}}@keyframes bounce-subtle{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.animate-fade-in{animation:fadeIn .5s ease-out forwards}.animate-fade-in-up{animation:fadeInUp .5s ease-out forwards}.animate-fade-in-down{animation:fadeInDown .4s ease-out forwards}.animate-scale-in{animation:scaleIn .4s ease-out forwards}.animate-slide-in-right{animation:slideInRight .5s ease-out forwards}.animate-float{animation:float 3s ease-in-out infinite}.animate-pulse-ring{animation:pulse-ring 2s ease-out infinite}.animate-shimmer{background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);background-size:200% 100%;animation:shimmer 2s infinite}.animate-gradient{background-size:200% 200%;animation:gradient-shift 3s ease infinite}.animate-bounce-subtle{animation:bounce-subtle 2s ease-in-out infinite}.animate-confetti{animation:confetti-fall 3s ease-out forwards}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.stagger-5{animation-delay:.5s}.stagger-6{animation-delay:.6s}.animate-on-enter{opacity:0}.onboarding-glass-card{background:rgba(255,255,255,.8);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 6px -1px rgba(0,0,0,.05),0 10px 15px -3px rgba(0,0,0,.05),0 20px 25px -5px rgba(0,0,0,.03)}.dark .onboarding-glass-card{background:rgba(30,41,59,.8);border:1px solid rgba(255,255,255,.1)}.onboarding-gradient-border{position:relative;background:linear-gradient(white,white) padding-box,linear-gradient(135deg,#3b82f6,#8b5cf6,#06b6d4) border-box;border:2px solid transparent;border-radius:1rem}.dark .onboarding-gradient-border{background:linear-gradient(#1e293b,#1e293b) padding-box,linear-gradient(135deg,#3b82f6,#8b5cf6,#06b6d4) border-box}.onboarding-feature-card{transition:all .3s cubic-bezier(.4,0,.2,1)}.onboarding-feature-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px rgba(59,130,246,.1),0 4px 6px -2px rgba(59,130,246,.05)}.onboarding-plan-card{transition:all .3s cubic-bezier(.4,0,.2,1)}.onboarding-plan-card:hover:not(.selected){border-color:rgba(59,130,246,.5);transform:translateY(-2px)}.onboarding-plan-card.selected{border-color:#3b82f6;box-shadow:0 0 0 4px rgba(59,130,246,.1),0 10px 15px -3px rgba(59,130,246,.15)}.onboarding-icon-glow{position:relative}.onboarding-icon-glow:before{content:"";position:absolute;inset:-4px;background:inherit;border-radius:inherit;filter:blur(12px);opacity:.4;z-index:-1}.onboarding-step-dot{transition:all .3s ease}.onboarding-step-dot.active{transform:scale(1.2)}.onboarding-step-dot.completed{background:linear-gradient(135deg,#10b981,#059669)}.onboarding-input:focus-within{box-shadow:0 0 0 3px rgba(59,130,246,.15)}.onboarding-radio-card{transition:all .2s ease;cursor:pointer}.onboarding-radio-card:hover:not(.selected){border-color:rgba(59,130,246,.4);background:rgba(59,130,246,.02)}.onboarding-radio-card.selected{border-color:#3b82f6;background:rgba(59,130,246,.05)}.onboarding-cta-button{position:relative;overflow:hidden}.onboarding-cta-button:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transform:translateX(-100%);transition:transform .5s ease}.onboarding-cta-button:hover:before{transform:translateX(100%)}.onboarding-trust-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;background:rgba(59,130,246,.1);color:#3b82f6;border:1px solid rgba(59,130,246,.2)}.dark .onboarding-trust-badge{background:rgba(59,130,246,.2);border-color:rgba(59,130,246,.3)}.onboarding-bg-pattern{background-image:radial-gradient(circle at 25% 25%,rgba(59,130,246,.03) 0,transparent 50%),radial-gradient(circle at 75% 75%,rgba(139,92,246,.03) 0,transparent 50%)}.onboarding-bg-grid{background-image:linear-gradient(rgba(59,130,246,.03) 1px,transparent 0),linear-gradient(90deg,rgba(59,130,246,.03) 1px,transparent 0);background-size:40px 40px}.onboarding-progress-ring{transform:rotate(-90deg)}.onboarding-progress-ring circle{transition:stroke-dashoffset .5s ease}.confetti-blue{color:#3b82f6}.confetti-emerald{color:#10b981}.confetti-amber{color:#f59e0b}.confetti-purple{color:#8b5cf6}.confetti-rose{color:#f43f5e}@keyframes beacon-pulse{0%{transform:scale(1);box-shadow:0 0 0 0 rgba(59,130,246,.4)}70%{transform:scale(1.05);box-shadow:0 0 0 10px rgba(59,130,246,0)}to{transform:scale(1);box-shadow:0 0 0 0 rgba(59,130,246,0)}}@keyframes beacon-ring{0%{transform:scale(.8);opacity:1}to{transform:scale(2);opacity:0}}.animate-beacon-pulse{animation:beacon-pulse 2s ease-in-out infinite}.animate-beacon-ring{animation:beacon-ring 1.5s ease-out infinite}@keyframes spotlight-enter{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes spotlight-exit{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.95) translateY(-10px)}}@keyframes spotlight-glow{0%,to{box-shadow:0 0 40px rgba(59,130,246,.15)}50%{box-shadow:0 0 60px rgba(59,130,246,.25)}}.animate-spotlight-enter{animation:spotlight-enter .4s cubic-bezier(.16,1,.3,1) forwards}.animate-spotlight-exit{animation:spotlight-exit .3s ease-in forwards}.animate-spotlight-glow{animation:spotlight-glow 3s ease-in-out infinite}@keyframes milestone-burst{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes milestone-badge-pop{0%{opacity:0;transform:scale(0) rotate(-10deg)}60%{transform:scale(1.15) rotate(5deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}@keyframes milestone-ring-expand{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(2.5)}}@keyframes milestone-glow-pulse{0%,to{filter:drop-shadow(0 0 8px rgba(251,191,36,.4))}50%{filter:drop-shadow(0 0 20px rgba(251,191,36,.7))}}.animate-milestone-burst{animation:milestone-burst .6s cubic-bezier(.34,1.56,.64,1) forwards}.animate-milestone-badge-pop{animation:milestone-badge-pop .5s cubic-bezier(.34,1.56,.64,1) forwards;animation-delay:.2s;opacity:0}.animate-milestone-ring-expand{animation:milestone-ring-expand .8s ease-out forwards}.animate-milestone-glow-pulse{animation:milestone-glow-pulse 2s ease-in-out infinite}@keyframes confetti-drift{0%{transform:translateY(-100vh) rotate(0deg);opacity:1}25%{transform:translateY(25vh) rotate(180deg) translateX(50px)}50%{transform:translateY(50vh) rotate(1turn) translateX(-30px)}75%{transform:translateY(75vh) rotate(540deg) translateX(20px);opacity:.8}to{transform:translateY(100vh) rotate(2turn) translateX(0);opacity:0}}@keyframes confetti-sparkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.8)}}.animate-confetti-drift{animation:confetti-drift 3s ease-out forwards}.animate-confetti-sparkle{animation:confetti-sparkle .5s ease-in-out infinite}@keyframes progress-ring-draw{0%{stroke-dashoffset:var(--circumference,283)}to{stroke-dashoffset:var(--progress-offset,0)}}@keyframes progress-ring-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.animate-progress-ring-draw{animation:progress-ring-draw 1s cubic-bezier(.4,0,.2,1) forwards}.animate-progress-ring-pulse{animation:progress-ring-pulse 2s ease-in-out infinite}@keyframes slide-in-right{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slide-out-right{0%{transform:translateX(0);opacity:1}to{transform:translateX(100%);opacity:0}}.animate-slide-in-right-panel{animation:slide-in-right .4s cubic-bezier(.16,1,.3,1) forwards}.animate-slide-out-right-panel{animation:slide-out-right .3s ease-in forwards}@keyframes tooltip-pop{0%{opacity:0;transform:scale(.95) translateY(4px)}to{opacity:1;transform:scale(1) translateY(0)}}.animate-tooltip-pop{animation:tooltip-pop .2s cubic-bezier(.16,1,.3,1) forwards}@keyframes icon-glow{0%,to{filter:drop-shadow(0 0 4px currentColor)}50%{filter:drop-shadow(0 0 12px currentColor)}}.animate-icon-glow{animation:icon-glow 2s ease-in-out infinite}@keyframes backdrop-blur-in{0%{backdrop-filter:blur(0);background-color:rgba(0,0,0,0)}to{backdrop-filter:blur(16px);background-color:rgba(0,0,0,.4)}}.animate-backdrop-blur-in{animation:backdrop-blur-in .3s ease-out forwards}.glass-panel{background:rgba(255,255,255,.85);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.3);border-radius:16px;box-shadow:0 4px 30px rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.5)}.dark .glass-panel{background:rgba(30,41,59,.85);border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 30px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.05)}.glass-panel-elevated{background:rgba(255,255,255,.9);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.4);border-radius:20px;box-shadow:0 8px 32px rgba(0,0,0,.12),0 2px 8px rgba(0,0,0,.08),inset 0 1px 0 rgba(255,255,255,.6)}.dark .glass-panel-elevated{background:rgba(30,41,59,.9);border:1px solid rgba(255,255,255,.15);box-shadow:0 8px 32px rgba(0,0,0,.4),0 2px 8px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.08)}.spotlight-modal{background:rgb(255,255,255);border:1px solid rgba(0,0,0,.1);border-radius:20px;box-shadow:0 25px 50px -12px rgba(0,0,0,.25),0 12px 24px -8px rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.8)}.dark .spotlight-modal{background:rgb(30,41,59);border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 50px -12px rgba(0,0,0,.5),0 12px 24px -8px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.05)}.gradient-border-blue{position:relative}.gradient-border-blue:before{content:"";position:absolute;inset:0;padding:2px;border-radius:inherit;background:linear-gradient(135deg,#3b82f6,#8b5cf6,#06b6d4);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.gradient-border-success{position:relative}.gradient-border-success:before{content:"";position:absolute;inset:0;padding:2px;border-radius:inherit;background:linear-gradient(135deg,#10b981,#059669,#34d399);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.gradient-border-amber{position:relative}.gradient-border-amber:before{content:"";position:absolute;inset:0;padding:2px;border-radius:inherit;background:linear-gradient(135deg,#f59e0b,#d97706,#fbbf24);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}:root{--onboarding-primary:#3b82f6;--onboarding-primary-light:#60a5fa;--onboarding-primary-dark:#2563eb;--onboarding-success:#10b981;--onboarding-success-light:#34d399;--onboarding-highlight:#8b5cf6;--onboarding-highlight-light:#a78bfa;--onboarding-accent:#f59e0b;--onboarding-accent-light:#fbbf24}@media (prefers-reduced-motion:reduce){.animate-backdrop-blur-in,.animate-beacon-pulse,.animate-beacon-ring,.animate-bounce-subtle,.animate-confetti,.animate-confetti-drift,.animate-confetti-sparkle,.animate-fade-in,.animate-fade-in-down,.animate-fade-in-up,.animate-float,.animate-gradient,.animate-icon-glow,.animate-milestone-badge-pop,.animate-milestone-burst,.animate-milestone-glow-pulse,.animate-milestone-ring-expand,.animate-progress-ring-draw,.animate-progress-ring-pulse,.animate-pulse-ring,.animate-scale-in,.animate-shimmer,.animate-slide-in-right,.animate-slide-in-right-panel,.animate-slide-out-right-panel,.animate-spotlight-enter,.animate-spotlight-exit,.animate-spotlight-glow,.animate-tooltip-pop{animation:none!important;transition:none!important}.glass-panel,.glass-panel-elevated{backdrop-filter:none;-webkit-backdrop-filter:none}}