.onboarding{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg)}.onboarding__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.8);backdrop-filter:blur(8px);animation:backdrop-in .3s ease-out}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}.onboarding__stage{position:relative;display:flex;flex-direction:column;align-items:center;max-width:440px;width:100%;animation:stage-enter .5s cubic-bezier(.16,1,.3,1)}@keyframes stage-enter{0%{opacity:0;transform:translateY(40px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}.onboarding__mascot{position:relative;z-index:2;width:180px;height:180px;object-fit:contain;margin-bottom:-40px;filter:drop-shadow(0 12px 32px rgba(0,0,0,.25));animation:mascot-pop .4s cubic-bezier(.16,1,.3,1)}@keyframes mascot-pop{0%{opacity:0;transform:scale(.6) rotate(-10deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}.onboarding__card{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;padding:60px var(--spacing-2xl) var(--spacing-xl);border-radius:var(--radius);width:100%;gap:var(--spacing-lg);background:var(--neutral-1000);border:1px solid var(--neutral-800);box-shadow:var(--shadow-2xl);overflow:hidden}.onboarding__skip{position:absolute;top:var(--spacing-md);right:var(--spacing-lg);z-index:2;background:none;border:none;color:var(--neutral-500);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:color .15s ease}.onboarding__skip:hover{color:var(--neutral-300)}.onboarding__body{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.onboarding__body--next{animation:slide-next .4s cubic-bezier(.16,1,.3,1)}.onboarding__body--back{animation:slide-back .4s cubic-bezier(.16,1,.3,1)}@keyframes slide-next{0%{opacity:0;transform:translateX(40px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-back{0%{opacity:0;transform:translateX(-40px)}to{opacity:1;transform:translateX(0)}}.onboarding__title{font-family:var(--font-display);font-variation-settings:"wdth" 500;font-weight:900;font-size:clamp(1.5rem,3vw,2.25rem);margin:0;letter-spacing:0;line-height:1}.onboarding__desc{font-size:var(--text-base);line-height:1.6;margin:0;color:var(--neutral-400);max-width:340px}.onboarding__dots{display:flex;gap:10px}.onboarding__dot{width:10px;height:10px;border-radius:5px;background:var(--neutral-700);transition:background .3s ease,width .3s cubic-bezier(.16,1,.3,1),box-shadow .3s ease}.onboarding__dot--active{background:var(--accent-100);width:28px;box-shadow:0 0 10px rgba(255,77,0,.3)}.onboarding__actions{display:flex;gap:var(--spacing-sm);width:100%}.onboarding__actions .btn-3d{flex:1}@media (max-width:599px){.onboarding__stage{max-width:340px}.onboarding__card{padding:50px var(--spacing-lg) var(--spacing-lg)}.onboarding__mascot{width:140px;height:140px;margin-bottom:-32px}}@media (prefers-reduced-motion:reduce){.onboarding__backdrop,.onboarding__body,.onboarding__mascot,.onboarding__stage{animation:none}.onboarding__dot{transition:none}}