:root{--onboarding-primary:#05f;--onboarding-primary-foreground:#fff;--onboarding-primary-glow:#4c88ff;--onboarding-background:#fff;--onboarding-foreground:#020817;--onboarding-card:#fff;--onboarding-card-foreground:#020817;--onboarding-muted:#f3f4f6;--onboarding-muted-foreground:#6b7280;--onboarding-border:#e5e7eb;--onboarding-radius:.5rem;--onboarding-gradient-primary:linear-gradient(135deg, #05f, #4c88ff);--onboarding-gradient-subtle:linear-gradient(180deg, #fff, #f3f4f6);--onboarding-gradient-card:linear-gradient(145deg, #fff 0%, #f9fafb 100%);--onboarding-shadow-large:0 25px 50px -12px #0055ff40;--onboarding-shadow-medium:0 8px 25px -5px #0055ff26;--onboarding-shadow-soft:0 2px 8px -2px #0055ff1a;--onboarding-transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1);--onboarding-transition-spring:all .4s cubic-bezier(.175, .885, .32, 1.275);--onboarding-destructive:0 84.2% 60.2%}.onboarding-container{background:var(--onboarding-gradient-subtle);justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.onboarding-card{background:var(--onboarding-gradient-card);width:100%;max-width:32rem;box-shadow:var(--onboarding-shadow-large);border-radius:calc(var(--onboarding-radius) + .25rem);border:none}.onboarding-card-content{text-align:center;padding:3rem}.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:#05f9}.onboarding-wrap .text-primary\/40{color:#05f6}.onboarding-wrap .text-white\/90{color:#ffffffe6}.onboarding-wrap .text-white\/60{color:#fff9}.onboarding-wrap .text-white\/40{color:#fff6}.onboarding-wrap .bg-white\/80{background-color:#fffc}.onboarding-wrap .bg-white\/20{background-color:#fff3}.onboarding-wrap .bg-white\/10{background-color:#ffffff1a}.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:#05fc}.onboarding-wrap .from-white\/10{--tw-gradient-from:#ffffff1a;--tw-gradient-to:rgba(255, 255, 255, .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:#05f3}.onboarding-wrap .border-t-primary{border-top-color:var(--onboarding-primary)}.onboarding-wrap .border-white\/20{border-color:#fff3}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes fade-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.onboarding-wrap .animate-spin{animation:1s linear infinite spin}.onboarding-wrap .animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.onboarding-wrap .animate-bounce{animation:1s infinite bounce}.onboarding-wrap .animate-ping{animation:1s cubic-bezier(0,0,.2,1) infinite ping}.onboarding-wrap .animate-scale-in{animation:.2s ease-out scale-in}.onboarding-wrap .animate-fade-in{animation:.3s ease-out fade-in}.onboarding-wrap .gradient-primary{background:linear-gradient(135deg,#05f,#4c88ff)}.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,#0055ff1a,#0055ff0d)}.onboarding-wrap .border-primary-20{border-color:#05f3}@keyframes ping-slow{0%{opacity:.6;transform:scale(.95)}50%{opacity:1;transform:scale(1.05)}to{opacity:.6;transform:scale(.95)}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-ping-slow{animation:6s ease-in-out infinite ping-slow}.animate-ping-slower{animation:10s ease-in-out infinite ping-slow}.animate-ping-slowest{animation:14s ease-in-out infinite ping-slow}.animate-spin-slow{animation:20s linear infinite spin-slow}@keyframes gradient-x{0%,to{background-position:0%}50%{background-position:100%}}@keyframes grid-move{0%{background-position:0 0}to{background-position:20px 20px}}@keyframes pulse-slow{0%,to{opacity:.3}50%{opacity:.6}}@keyframes pulse-medium{0%,to{opacity:.2}50%{opacity:.4}}@keyframes pulse-fast{0%,to{opacity:.4;transform:scale(.98)}50%{opacity:.8;transform:scale(1.02)}}.animate-pulse-fast{animation:2s ease-in-out infinite pulse-fast}@keyframes slide-in-right{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.animate-slide-in-right{animation:.5s ease-out slide-in-right}.transition-spring{transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.animate-grid-move{animation:20s linear infinite grid-move}.animate-gradient-x{background-size:200% 200%;animation:15s infinite gradient-x}@keyframes float-slow{0%,to{transform:translate(0)rotate(0)}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(0)}33%{transform:translate(15px,-10px)rotate(-1deg)}66%{transform:translate(-10px,15px)rotate(1deg)}}@keyframes float-fast{0%,to{transform:translate(0)rotate(0)}50%{transform:translate(8px,-8px)rotate(.5deg)}}@keyframes float-slower{0%,to{transform:translate(0)rotate(0)}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)}}.animate-float-slow{animation:20s ease-in-out infinite float-slow}.animate-float-medium{animation:15s ease-in-out infinite float-medium}.animate-float-fast{animation:10s ease-in-out infinite float-fast}.animate-float-slower{animation:25s ease-in-out infinite float-slower}.animate-pulse-slow{animation:8s ease-in-out infinite pulse-slow}.animate-pulse-medium{animation:6s ease-in-out infinite pulse-medium}.bg-grid-pattern{background-image:linear-gradient(#0000001a 1px,#0000 1px),linear-gradient(90deg,#0000001a 1px,#0000 1px);background-size:30px 30px}.animate-fade-in{animation:.5s ease-out forwards fade-in}@keyframes gradient-bg{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.animate-gradient-bg{background-size:200% 200%;animation:15s infinite gradient-bg}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.bg-radial-gradient{background-image:radial-gradient(circle,#ffffff1a,#0000)}