.onboarding-page .onboarding-app{display:flex;flex-direction:column;min-height:100vh;padding-bottom:0}
.onboarding-page .onboarding-topbar{border:0;background:transparent;justify-content:space-between}
.skip-link{font-size:12px;font-weight:700;color:#7f8da5;padding:8px 10px}
.onboarding-content{display:flex;flex:1;flex-direction:column;padding:5px 25px 22px;max-width:510px;width:100%;margin:0 auto}
.slide-visual{height:clamp(225px,38vh,330px);min-height:225px;display:grid;place-items:center;position:relative;overflow:hidden;border:1px solid #e9edf6;border-radius:26px;background:linear-gradient(140deg,#edf3ff 0%,#fff 54%,#fff0f5 100%)}
.slide-visual:before,.slide-visual:after{content:"";position:absolute;border-radius:50%;pointer-events:none}
.slide-visual:before{width:145px;height:145px;left:-38px;top:-38px;background:rgba(84,120,216,.08)}
.slide-visual:after{width:115px;height:115px;right:-30px;bottom:-30px;background:rgba(237,121,163,.1)}
.slide-visual img{position:relative;z-index:1;width:100%;height:100%;object-fit:cover;border-radius:inherit;transition:opacity .18s ease,transform .18s ease}
.slide-visual img.changing{opacity:0;transform:translateY(5px)}
.slide-copy{padding:26px 3px 0}
.slide-copy .tiny-label{margin-bottom:10px}
.slide-copy h1{max-width:390px;font-size:clamp(25px,7vw,32px);line-height:1.16;letter-spacing:-1px;font-weight:800;margin:0;color:#243b67}
.slide-copy p{font-size:13px;line-height:1.55;color:#8391a8;margin:11px 0 0;max-width:400px}
.slide-controls{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:25px}
.slide-dots{display:flex;align-items:center;gap:7px}
.slide-dot{width:7px;height:7px;padding:0;border:0;border-radius:10px;background:#d7deec;transition:width .2s ease,background .2s ease;cursor:pointer}
.slide-dot.active{width:23px;background:#5478d8}
.slide-next{min-width:112px;height:44px;padding:0 17px;border:0;border-radius:13px;display:flex;align-items:center;justify-content:center;gap:15px;background:#5478d8;color:#fff;font-size:12px;font-weight:700;box-shadow:0 6px 15px rgba(84,120,216,.2);cursor:pointer}
.slide-next span{font-size:16px;line-height:1}
.signin-link{display:block;text-align:center;margin:21px 0 0;color:#8795ab;font-size:11px}
.signin-link strong{color:#5478d8}
.onboarding-footer{text-align:center;padding:10px 15px calc(14px + env(safe-area-inset-bottom));font-size:9px;color:#9aa6ba}
.onboarding-footer span{color:#e879a1;padding:0 3px}
@media(max-height:700px){.onboarding-content{padding-top:0}.slide-visual{height:30vh;min-height:190px}.slide-copy{padding-top:19px}.slide-copy h1{font-size:25px}.slide-copy p{font-size:12px;margin-top:8px}.slide-controls{padding-top:17px}.signin-link{margin-top:14px}}
@media(min-width:700px){.onboarding-page .onboarding-app{min-height:calc(100vh - 48px)}.onboarding-page .onboarding-topbar{padding:14px 24px}.onboarding-content{padding-top:18px;padding-bottom:28px}.slide-visual{height:310px}}
@media(prefers-reduced-motion:reduce){.slide-visual img,.slide-dot{transition:none}}