.onboarding-container{position:fixed;inset:0;z-index:9999;display:flex;flex-direction:column;overflow:hidden;transition:background .5s ease}.onboarding-skip{position:absolute;top:env(safe-area-inset-top,1rem);z-index:10;display:flex;align-items:center;gap:.25rem;padding:.5rem 1rem;background:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.3);border-radius:2rem;color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease}[dir=ltr] .onboarding-skip{right:1rem}[dir=rtl] .onboarding-skip{left:1rem}.onboarding-skip:hover{background:hsla(0,0%,100%,.3);transform:scale(1.05)}.onboarding-skip:active{transform:scale(.95)}.onboarding-slide{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 1.5rem 2rem;position:relative;overflow-y:auto;overflow-x:hidden}.onboarding-slide.animating-next{animation:slideOutLeft .2s ease-out forwards,slideInRight .2s ease-out .2s forwards}.onboarding-slide.animating-prev,[dir=rtl] .onboarding-slide.animating-next{animation:slideOutRight .2s ease-out forwards,slideInLeft .2s ease-out .2s forwards}[dir=rtl] .onboarding-slide.animating-prev{animation:slideOutLeft .2s ease-out forwards,slideInRight .2s ease-out .2s forwards}@keyframes slideOutLeft{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-50px)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(50px)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}.slide-content{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:600px;width:100%;animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slide-icon-wrapper{width:140px;height:140px;margin-bottom:1.5rem;color:#fff}.slide-icon-wrapper,.slide-logo-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.slide-logo-wrapper{width:160px;height:160px;margin-bottom:2rem;background:hsla(0,0%,100%,.15);border-radius:30%;border:3px solid hsla(0,0%,100%,.3);box-shadow:0 10px 40px rgba(0,0,0,.2);animation:logoAppear .8s ease-out,logoFloat 3s ease-in-out .8s infinite}.slide-logo{width:120px;height:120px;object-fit:contain;filter:drop-shadow(0 4px 10px rgba(0,0,0,.2))}@keyframes logoAppear{0%{opacity:0;transform:scale(.5) rotate(-10deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.slide-icon-bg{position:absolute;inset:0;background:hsla(0,0%,100%,.15);border-radius:50%;border:2px solid hsla(0,0%,100%,.2);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}.slide-icon-wrapper svg{position:relative;z-index:1;filter:drop-shadow(0 4px 10px rgba(0,0,0,.2))}.slide-title{font-size:2rem;font-weight:700;color:#fff;margin-bottom:.5rem;text-shadow:0 2px 10px rgba(0,0,0,.2);line-height:1.3}.slide-subtitle{font-size:1.25rem;font-weight:500;color:hsla(0,0%,100%,.9);margin-bottom:1rem}.slide-description{font-size:1rem;color:hsla(0,0%,100%,.85);line-height:1.7;margin-bottom:2rem;max-width:450px}.slide-features{display:grid;gap:.75rem;width:100%;max-width:500px;padding:0 .5rem}.slide-features.grid-2{grid-template-columns:repeat(2,1fr)}.slide-features.grid-3{grid-template-columns:repeat(3,1fr)}@media (max-width:480px){.slide-features.grid-3{grid-template-columns:repeat(2,1fr)}.slide-features.grid-3 .feature-card:last-child:nth-child(odd){grid-column:span 2;max-width:200px;margin:0 auto}}.feature-card{background:hsla(0,0%,100%,.15);border:1px solid hsla(0,0%,100%,.2);border-radius:1rem;padding:1rem .75rem;text-align:center;opacity:0;animation:featureIn .4s ease-out forwards;transition:transform .3s ease,background .3s ease}@keyframes featureIn{0%{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.feature-card:hover{background:hsla(0,0%,100%,.25);transform:translateY(-4px)}.feature-card:active{transform:scale(.98)}.feature-icon-wrapper{width:56px;height:56px;background:hsla(0,0%,100%,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto .75rem;color:#fff;transition:transform .3s ease}.feature-card:hover .feature-icon-wrapper{transform:scale(1.1)}.feature-title{font-size:.9rem;font-weight:600;color:#fff;margin-bottom:.25rem}.feature-description{font-size:.75rem;color:hsla(0,0%,100%,.8);line-height:1.4}.onboarding-start-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-top:2rem;padding:1rem 2.5rem;background:#fff;color:#0057ff;border:none;border-radius:3rem;font-size:1.125rem;font-weight:600;cursor:pointer;box-shadow:0 10px 30px rgba(0,0,0,.25);transition:all .3s ease;animation:bounceIn .6s ease-out}@keyframes bounceIn{0%{transform:scale(.5);opacity:0}60%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.onboarding-start-btn:hover{transform:scale(1.05);box-shadow:0 15px 40px rgba(0,0,0,.3)}.onboarding-start-btn:active{transform:scale(.98)}.onboarding-start-btn svg{animation:playPulse 1.5s ease-in-out infinite}@keyframes playPulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.onboarding-navigation{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem calc(1rem + env(safe-area-inset-bottom, 0));background:rgba(0,0,0,.15)}.nav-btn{width:48px;height:48px;background:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .3s ease}.nav-btn:hover:not(:disabled){background:hsla(0,0%,100%,.3);transform:scale(1.1)}.nav-btn:active:not(:disabled){transform:scale(.95)}.nav-btn.invisible{opacity:0;pointer-events:none}.onboarding-dots{display:flex;gap:.5rem;align-items:center}.dot{width:8px;height:8px;background:hsla(0,0%,100%,.3);border:none;border-radius:50%;cursor:pointer;transition:all .3s ease;padding:0}.dot:hover{background:hsla(0,0%,100%,.5);transform:scale(1.2)}.dot.active{width:28px;border-radius:10px;background:#fff}.dot.completed{background:hsla(0,0%,100%,.6)}.onboarding-progress{height:4px;background:rgba(0,0,0,.2);position:absolute;bottom:0;left:0;right:0}.progress-bar{height:100%;background:#fff;border-radius:0 2px 2px 0;transition:width .4s ease;box-shadow:0 0 10px hsla(0,0%,100%,.5)}.slide-counter{position:absolute;top:env(safe-area-inset-top,1rem);padding-top:.5rem;font-size:.75rem;color:hsla(0,0%,100%,.6);font-weight:500}[dir=ltr] .slide-counter{left:1rem}[dir=rtl] .slide-counter{right:1rem}@media (max-width:480px){.onboarding-slide{padding:3.5rem 1rem 1.5rem}.slide-icon-wrapper{width:100px;height:100px;margin-bottom:1rem}.slide-icon-wrapper svg{width:56px;height:56px}.slide-title{font-size:1.5rem}.slide-subtitle{font-size:1rem}.slide-description{font-size:.875rem;margin-bottom:1.5rem}.feature-card{padding:.75rem .5rem}.feature-icon-wrapper{width:44px;height:44px}.feature-icon-wrapper svg{width:24px;height:24px}.feature-title{font-size:.8rem}.feature-description{font-size:.7rem}.onboarding-start-btn{padding:.875rem 2rem;font-size:1rem}.nav-btn{width:40px;height:40px}}@media (min-width:768px){.slide-title{font-size:2.5rem}.slide-description{font-size:1.125rem}.slide-features{max-width:600px;gap:1rem}.feature-card{padding:1.25rem 1rem}.feature-icon-wrapper{width:64px;height:64px}.feature-title{font-size:1rem}.feature-description{font-size:.875rem}}.onboarding-slide::-webkit-scrollbar{display:none}.onboarding-slide{-ms-overflow-style:none;scrollbar-width:none}.onboarding-container{animation:containerFadeIn .5s ease-out}@keyframes containerFadeIn{0%{opacity:0}to{opacity:1}}