.onboarding-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#000000d9;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.onboarding-overlay .skip-tour-btn-container{position:absolute;top:24px;right:24px}.onboarding-overlay .skip-tour-btn-container:hover{transform:translateY(-1px)}.onboarding-overlay .skip-tour-btn-container:active{transform:translateY(0)}.onboarding-overlay .skip-tour-btn{color:#fff;cursor:pointer;cursor:pointer;font-family:ABC-Diatype,sans-serif;font-size:14px;font-weight:500;transition:all .3s;position:relative}.onboarding-overlay .skip-tour-btn span{z-index:2222;color:#000;position:absolute;top:1rem;left:8.5rem}.onboarding-overlay .onboarding-content{flex-direction:column;align-items:center;gap:24px;width:90%;max-width:500px;display:flex;position:relative}.onboarding-overlay .onboarding-content .nav-arrow{cursor:pointer;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;transition:all .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.onboarding-overlay .onboarding-content .nav-arrow span{justify-content:center;align-items:center;display:flex}.onboarding-overlay .onboarding-content .nav-arrow.nav-arrow-left{z-index:1111;top:250px;left:-10px}.onboarding-overlay .onboarding-content .nav-arrow.nav-arrow-right{top:250px;right:-10px}.onboarding-overlay .onboarding-content .nav-arrow.nav-arrow-right:hover{transform:translateY(-50%)scale(1.05)}.onboarding-overlay .onboarding-content .onboarding-step{text-align:center;padding:0 20px}.onboarding-overlay .onboarding-content .onboarding-step .onboarding-text{text-align:left;flex-direction:column;display:flex;position:absolute;bottom:3rem;left:4rem}.onboarding-overlay .onboarding-content .onboarding-step .onboarding-text .step-title{margin-bottom:12px;font-family:TuskerGrotesk-Medium-5500;font-size:28px}.onboarding-overlay .onboarding-content .onboarding-step .onboarding-text .step-description{color:#fff9;max-width:370px;margin:0 auto;font-family:ABC-Diatype,sans-serif;font-size:14px;line-height:150%}.onboarding-overlay .step-dots{gap:16px;margin-top:8px;display:flex;position:absolute;top:48px;left:50%;transform:translate(-50%)}.onboarding-overlay .step-dots .dot{background:#ffffff30;border-radius:2px;width:140px;height:2px;transition:all .3s}.onboarding-overlay .step-dots .dot.active{background:#e85f16}@media (max-width:768px){.onboarding-overlay .skip-tour-btn{padding:10px 18px;font-size:13px;top:16px;right:16px}.onboarding-overlay .onboarding-content{max-width:90%}.onboarding-overlay .onboarding-content .nav-arrow{width:40px;height:40px;font-size:16px}.onboarding-overlay .onboarding-content .nav-arrow.nav-arrow-left{left:-50px}.onboarding-overlay .onboarding-content .nav-arrow.nav-arrow-right{right:-50px}.onboarding-overlay .onboarding-content .onboarding-step .step-title{font-size:22px}.onboarding-overlay .onboarding-content .onboarding-step .step-description{font-size:13px}}@media (max-width:480px){.onboarding-overlay .onboarding-content .nav-arrow.nav-arrow-left{top:auto;bottom:120px;left:10px;transform:translateY(0)}.onboarding-overlay .onboarding-content .nav-arrow.nav-arrow-right{top:auto;bottom:120px;right:10px;transform:translateY(0)}.onboarding-overlay .onboarding-content .nav-arrow.nav-arrow-right:hover{transform:scale(1.05)}.onboarding-overlay .onboarding-content .onboarding-highlight .mock-card{padding:16px}.onboarding-overlay .onboarding-content .onboarding-highlight .mock-card .mock-card-title{font-size:16px}}