body.onboarding-open{overflow:hidden}.onboarding-tour{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:20px}.onboarding-tour[hidden]{display:none}.onboarding-backdrop{position:absolute;inset:0;background:rgba(7,25,31,.72);backdrop-filter:blur(6px)}.onboarding-dialog{position:relative;z-index:1;width:min(760px,100%);overflow:hidden;border:1px solid rgba(255,255,255,.4);border-radius:30px;background:radial-gradient(circle at 90% 10%,rgba(45,212,191,.22),transparent 30%),linear-gradient(145deg,#fff 0%,#f3fbf9 62%,#fff8e9 100%);box-shadow:0 35px 90px rgba(0,0,0,.32)}.onboarding-close{position:absolute;top:15px;right:15px;z-index:2;display:grid;place-items:center;width:38px;height:38px;padding:0;border:0;border-radius:13px;background:rgba(255,255,255,.88);color:#50666d;cursor:pointer;font-size:1.4rem}.onboarding-progress{padding:22px 26px 0}.onboarding-progress>span{color:#0f766e;font-size:.76rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.onboarding-progress-track{height:7px;margin-top:9px;overflow:hidden;border-radius:999px;background:rgba(15,118,110,.12)}.onboarding-progress-track span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0f9488,#f5a623);transition:width .32s ease}.onboarding-slide{display:grid;grid-template-columns:240px minmax(0,1fr);gap:25px;align-items:center;min-height:365px;padding:28px 34px 32px}.onboarding-slide.is-animating .onboarding-mascot,.onboarding-slide.is-animating .onboarding-content{animation:onboarding-enter .35s ease both}.onboarding-slide.is-animating .onboarding-content{animation-delay:.06s}.onboarding-mascot{display:grid;place-items:center}.onboarding-mascot img{width:min(220px,100%);max-height:235px;object-fit:contain;filter:drop-shadow(0 18px 25px rgba(15,60,67,.13));animation:onboarding-float 3.8s ease-in-out infinite}.onboarding-content h2{margin:7px 0 13px;color:#10243a;font-size:clamp(2rem,4vw,3rem);line-height:1.05}.onboarding-content>p{margin:0;color:#5f747b;font-size:1.02rem;line-height:1.65}.onboarding-tip{margin-top:20px;padding:14px 16px;border-left:4px solid #f5a623;border-radius:14px;background:rgba(255,248,229,.9);color:#715927;font-size:.9rem;line-height:1.5}.onboarding-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 24px;border-top:1px solid rgba(15,118,110,.1);background:rgba(255,255,255,.72)}.onboarding-actions>div{display:flex;gap:10px}@keyframes onboarding-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes onboarding-float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-8px) rotate(1deg)}}@media(prefers-reduced-motion:reduce){.onboarding-mascot img,.onboarding-slide.is-animating .onboarding-mascot,.onboarding-slide.is-animating .onboarding-content{animation:none}.onboarding-progress-track span{transition:none}}@media(max-width:700px){.onboarding-tour{align-items:end;padding:10px}.onboarding-dialog{max-height:calc(100vh - 20px);overflow-y:auto;border-radius:24px}.onboarding-slide{grid-template-columns:1fr;gap:15px;min-height:0;padding:24px 22px;text-align:center}.onboarding-mascot img{width:145px;max-height:150px}.onboarding-tip{text-align:left}.onboarding-actions{align-items:stretch;flex-direction:column-reverse}.onboarding-actions>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.onboarding-actions>.button{width:100%}}