.onboarding-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,0);pointer-events:none;z-index:10000}.onboarding-highlight{position:absolute;z-index:10001;border:3px solid #6366f1;box-shadow:0 0 0 9999px rgba(0,0,0,.7),0 0 20px rgba(99,102,241,.5);border-radius:12px;pointer-events:none;transition:all .5s cubic-bezier(.34, 1.56, .64, 1)}.onboarding-tooltip{position:absolute;z-index:10002;background:#fff;border-radius:20px;box-shadow:0 20px 50px rgba(0,0,0,.3);padding:24px;width:350px;border:1px solid rgba(255,255,255,.2);opacity:0;transform:translateY(10px) scale(.95);transition:opacity .4s ease,transform .4s cubic-bezier(.34, 1.56, .64, 1);font-family:Inter,sans-serif}.onboarding-tooltip.active{opacity:1;transform:translateY(0) scale(1)}.onboarding-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.onboarding-header h3{margin:0;font-size:1.25rem;font-weight:800;color:#1e293b;background:linear-gradient(135deg,#6366f1 0,#4f46e5 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.step-indicator{font-size:.8rem;font-weight:700;color:#94a3b8;background:#f1f5f9;padding:2px 10px;border-radius:20px}.onboarding-content{color:#475569;font-size:.95rem;line-height:1.6;margin-bottom:24px}.onboarding-actions{display:flex;justify-content:space-between;align-items:center}.btn-skip{background:0 0;border:none;color:#94a3b8;font-size:.85rem;font-weight:600;cursor:pointer;transition:color .2s}.btn-skip:hover{color:#64748b}.nav-buttons{display:flex;gap:12px}.btn-back,.btn-next{padding:10px 18px;border-radius:12px;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .2s;border:none}.btn-back{background:#f1f5f9;color:#475569}.btn-back:hover{background:#e2e8f0}.btn-next{background:linear-gradient(135deg,#6366f1 0,#4f46e5 100%);color:#fff;box-shadow:0 4px 12px rgba(79,70,229,.3)}.btn-next:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(79,70,229,.4)}@keyframes pulse-highlight{0%{transform:scale(1);box-shadow:0 0 0 9999px rgba(0,0,0,.7),0 0 20px rgba(99,102,241,.5)}50%{transform:scale(1.02);box-shadow:0 0 0 9999px rgba(0,0,0,.7),0 0 30px rgba(99,102,241,.7)}100%{transform:scale(1);box-shadow:0 0 0 9999px rgba(0,0,0,.7),0 0 20px rgba(99,102,241,.5)}}.onboarding-highlight.pulse{animation:pulse-highlight 2s infinite}