:root{--onboarding-primary:hsl(220,100%,50%);--onboarding-primary-foreground:hsl(0,0%,100%);--onboarding-primary-glow:hsl(220,100%,65%);--onboarding-background:hsl(0,0%,100%);--onboarding-foreground:hsl(222.2,84%,4.9%);--onboarding-card:hsl(0,0%,100%);--onboarding-card-foreground:hsl(222.2,84%,4.9%);--onboarding-muted:hsl(220,14.3%,95.9%);--onboarding-muted-foreground:hsl(220,8.9%,46.1%);--onboarding-border:hsl(220,13%,91%);--onboarding-radius:0.5rem;--onboarding-gradient-primary:linear-gradient(135deg,hsl(220,100%,50%),hsl(220,100%,65%));--onboarding-gradient-subtle:linear-gradient(180deg,hsl(0,0%,100%),hsl(220,14.3%,95.9%));--onboarding-gradient-card:linear-gradient(145deg,hsl(0,0%,100%),hsl(220,14.3%,98%));--onboarding-shadow-large:0 25px 50px -12px hsl(220,100%,50%,0.25);--onboarding-shadow-medium:0 8px 25px -5px hsl(220,100%,50%,0.15);--onboarding-shadow-soft:0 2px 8px -2px hsl(220,100%,50%,0.1);--onboarding-transition-smooth:all 0.3s cubic-bezier(0.4,0,0.2,1);--onboarding-transition-spring:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275);--onboarding-destructive:0 84.2% 60.2%;--onboarding-shadow-soft:0 2px 8px -2px hsl(220 100% 50%/0.1)}.dark{--onboarding-primary:hsl(0,0%,90%);--onboarding-primary-foreground:hsl(0,0%,10%);--onboarding-background:hsl(220,9%,10%);--onboarding-foreground:hsl(0,0%,100%);--onboarding-card:hsl(220,9%,15%);--onboarding-card-foreground:hsl(0,0%,100%);--onboarding-muted:hsl(220,9%,20%);--onboarding-muted-foreground:hsl(220,5%,65%);--onboarding-border:hsl(220,9%,25%);--onboarding-gradient-primary:linear-gradient(135deg,hsl(220,9%,20%),hsl(220,9%,30%));--onboarding-gradient-subtle:linear-gradient(180deg,hsl(220,9%,12%),hsl(220,9%,18%));--onboarding-gradient-card:linear-gradient(145deg,hsl(220,9%,18%),hsl(220,9%,12%));--onboarding-shadow-large:0 25px 50px -12px hsl(0,0%,0%,0.5);--onboarding-shadow-medium:0 8px 25px -5px hsl(0,0%,0%,0.35);--onboarding-shadow-soft:0 2px 8px -2px hsl(0,0%,0%,0.25)}.onboarding-container{min-height:100vh;background:var(--onboarding-gradient-subtle);display:flex;align-items:center;justify-content:center;padding:1rem}.onboarding-card{width:100%;max-width:32rem;background:var(--onboarding-gradient-card);box-shadow:var(--onboarding-shadow-large);border:none;border-radius:calc(var(--onboarding-radius) + .25rem)}.onboarding-card-content{padding:3rem;text-align:center}.onboarding-wrap .space-x-1>*+*{margin-left:.25rem}.onboarding-wrap .text-primary{color:var(--onboarding-primary)}.onboarding-wrap .text-foreground{color:var(--onboarding-foreground)}.onboarding-wrap .text-muted-foreground{color:var(--onboarding-muted-foreground)}.onboarding-wrap .text-primary\/60{color:hsl(220,100%,50%,.6)}.onboarding-wrap .text-primary\/40{color:hsl(220,100%,50%,.4)}.onboarding-wrap .text-white\/90{color:rgba(255,255,255,.9)}.onboarding-wrap .text-white\/60{color:rgba(255,255,255,.6)}.onboarding-wrap .text-white\/40{color:rgba(255,255,255,.4)}.onboarding-wrap .bg-white\/80{background-color:rgba(255,255,255,.8)}.onboarding-wrap .bg-white\/20{background-color:rgba(255,255,255,.2)}.onboarding-wrap .bg-white\/10{background-color:rgba(255,255,255,.1)}.onboarding-wrap .gradient-subtle{background:var(--onboarding-gradient-subtle)}.onboarding-wrap .gradient-card{background:var(--onboarding-gradient-card)}.onboarding-wrap .bg-gradient-to-r-img{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.onboarding-wrap .bg-gradient-to-br-onboarding{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.onboarding-wrap .from-primary{--tw-gradient-from:var(--onboarding-primary);--tw-gradient-to:var(--onboarding-primary,transparent);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.onboarding-wrap .via-primary{--tw-gradient-to:var(--onboarding-primary,transparent);--tw-gradient-stops:var(--tw-gradient-from),var(--onboarding-primary),var(--tw-gradient-to)}.onboarding-wrap .to-primary\/80{--tw-gradient-to:hsl(220,100%,50%,0.8)}.onboarding-wrap .from-white\/10{--tw-gradient-from:rgba(255,255,255,0.1);--tw-gradient-to:rgba(255,255,255,0.1,0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.onboarding-wrap .to-transparent{--tw-gradient-to:transparent}.onboarding-wrap .border-primary\/20{border-color:hsl(220,100%,50%,.2)}.onboarding-wrap .border-t-primary{border-top-color:var(--onboarding-primary)}.onboarding-wrap .border-white\/20{border-color:rgba(255,255,255,.2)}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@keyframes scale-in{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.onboarding-wrap .animate-spin{animation:spin 1s linear infinite}.onboarding-wrap .animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.onboarding-wrap .animate-bounce{animation:bounce 1s infinite}.onboarding-wrap .animate-ping{animation:ping 1s cubic-bezier(0,0,.2,1) infinite}.onboarding-wrap .animate-scale-in{animation:scale-in .2s ease-out}.onboarding-wrap .animate-fade-in{animation:fade-in .3s ease-out}.onboarding-wrap .gradient-primary{background:linear-gradient(135deg,hsl(220 100% 50%),hsl(220 100% 65%))}.onboarding-wrap .bg-destructive{background-color:hsl(var(--onboarding-destructive)/.1)}.onboarding-wrap .border-destructive{border:1px solid hsl(var(--onboarding-destructive)/.2)}.onboarding-wrap .text-destructive{color:hsl(var(--onboarding-destructive))}.onboarding-wrap .shadow-soft{box-shadow:var(--onboarding-shadow-soft)}.onboarding-wrap .bg-gradient-to-r-onboarding{background-image:linear-gradient(90deg,hsl(220 100% 50%/.1),hsl(220 100% 50%/.05))}.onboarding-wrap .border-primary-20{border-color:hsl(220 100% 50%/.2)}@keyframes ping-slow{0%{transform:scale(.95);opacity:.6}50%{transform:scale(1.05);opacity:1}to{transform:scale(.95);opacity:.6}}@keyframes spin-slow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.animate-ping-slow{animation:ping-slow 6s ease-in-out infinite}.animate-ping-slower{animation:ping-slow 10s ease-in-out infinite}.animate-ping-slowest{animation:ping-slow 14s ease-in-out infinite}.animate-spin-slow{animation:spin-slow 20s linear infinite}.bg-grid-pattern{background-image:linear-gradient(90deg,gray 1px,transparent 0),linear-gradient(180deg,gray 1px,transparent 0)}@keyframes pulse-fast{0%,to{opacity:.4;transform:scale(.98)}50%{opacity:.8;transform:scale(1.02)}}.animate-pulse-slow{animation:pulse-slow 6s ease-in-out infinite}.animate-pulse-medium{animation:pulse-medium 4s ease-in-out infinite}.animate-pulse-fast{animation:pulse-fast 2s ease-in-out infinite}@keyframes slide-in-right{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.animate-slide-in-right{animation:slide-in-right .5s ease-out}.transition-spring{transition:all .4s cubic-bezier(.175,.885,.32,1.275)}@keyframes grid-move{0%{background-position:0 0}to{background-position:20px 20px}}.animate-grid-move{animation:grid-move 20s linear infinite}.bg-grid-pattern{background-image:linear-gradient(90deg,rgba(156,163,175,.3) 1px,transparent 0),linear-gradient(180deg,rgba(156,163,175,.3) 1px,transparent 0);background-size:20px 20px}@keyframes gradient-x{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.animate-gradient-x{background-size:200% 200%;animation:gradient-x 15s ease infinite}.dark .bg-grid-pattern{background-image:linear-gradient(90deg,rgba(156,163,175,.1) 1px,transparent 0),linear-gradient(180deg,rgba(156,163,175,.1) 1px,transparent 0)}@keyframes float-slow{0%,to{transform:translate(0) rotate(0deg)}25%{transform:translate(-10px,15px) rotate(2deg)}50%{transform:translate(5px,20px) rotate(-2deg)}75%{transform:translate(10px,5px) rotate(1deg)}}@keyframes float-medium{0%,to{transform:translate(0) rotate(0deg)}33%{transform:translate(15px,-10px) rotate(-1deg)}66%{transform:translate(-10px,15px) rotate(1deg)}}@keyframes float-fast{0%,to{transform:translate(0) rotate(0deg)}50%{transform:translate(8px,-8px) rotate(.5deg)}}@keyframes float-slower{0%,to{transform:translate(0) rotate(0deg)}20%{transform:translate(-15px,10px) rotate(-1deg)}40%{transform:translate(10px,-15px) rotate(1deg)}60%{transform:translate(-10px,-10px) rotate(-.5deg)}80%{transform:translate(15px,15px) rotate(.5deg)}}@keyframes pulse-slow{0%,to{opacity:.3}50%{opacity:.6}}@keyframes pulse-medium{0%,to{opacity:.2}50%{opacity:.4}}.animate-float-slow{animation:float-slow 20s ease-in-out infinite}.animate-float-medium{animation:float-medium 15s ease-in-out infinite}.animate-float-fast{animation:float-fast 10s ease-in-out infinite}.animate-float-slower{animation:float-slower 25s ease-in-out infinite}.animate-pulse-slow{animation:pulse-slow 8s ease-in-out infinite}.animate-pulse-medium{animation:pulse-medium 6s ease-in-out infinite}.bg-grid-pattern{background-image:linear-gradient(rgba(0,0,0,.1) 1px,transparent 0),linear-gradient(90deg,rgba(0,0,0,.1) 1px,transparent 0);background-size:30px 30px}.dark .bg-grid-pattern{background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 0)}@keyframes fade-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fade-in .5s ease-out forwards}@keyframes gradient-bg{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.animate-gradient-bg{background-size:200% 200%;animation:gradient-bg 15s ease infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.bg-radial-gradient{background-image:radial-gradient(circle at center,rgba(255,255,255,.1),transparent)}