.tour-overlay{z-index:99990;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .3s cubic-bezier(.16,1,.3,1),visibility .3s;position:fixed;inset:0}.tour-overlay.active{pointer-events:auto;opacity:1;visibility:visible}.tour-spotlight{pointer-events:none;opacity:0;visibility:hidden;z-index:99992;border-radius:12px;transition:top .35s cubic-bezier(.2,.9,.3,1.1),left .35s cubic-bezier(.2,.9,.3,1.1),width .35s cubic-bezier(.2,.9,.3,1.1),height .35s cubic-bezier(.2,.9,.3,1.1),opacity .25s,visibility .25s,border-radius .3s;position:fixed;box-shadow:0 0 0 9999px #04070fd9,0 0 0 3px #ffb700e6,0 0 25px #ffb70099,inset 0 0 15px #ffb70033}.tour-spotlight.active{opacity:1;visibility:visible;animation:2.5s ease-in-out infinite alternate tourPulseGlow}@keyframes tourPulseGlow{0%{box-shadow:0 0 0 9999px #04070fd9,0 0 0 3px #ffb700e6,0 0 20px #ffb70080,inset 0 0 10px #ffb70033}to{box-shadow:0 0 0 9999px #04070fe0,0 0 0 3px #00f0fff2,0 0 35px #00f0ffb3,inset 0 0 18px #00f0ff40}}.tour-popover{z-index:99995;-webkit-backdrop-filter:blur(24px);opacity:0;pointer-events:none;visibility:hidden;color:#f1f5f9;background:#0b101cf7;border:1px solid #ffb70059;border-radius:18px;width:380px;max-width:calc(100vw - 32px);padding:1.35rem;font-family:Kantumruy Pro,Outfit,sans-serif;transition:opacity .3s cubic-bezier(.16,1,.3,1),transform .3s cubic-bezier(.16,1,.3,1),top .35s cubic-bezier(.2,.9,.3,1),left .35s cubic-bezier(.2,.9,.3,1),visibility .3s;position:fixed;transform:scale(.94)translateY(8px);box-shadow:0 20px 50px #000c,0 0 30px #ffb70033,inset 0 1px 1px #ffffff26}.tour-popover.active{opacity:1;pointer-events:auto;visibility:visible;transform:scale(1)translateY(0)}.tour-popover-header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:.85rem;display:flex}.tour-step-badge{color:#ffb700;letter-spacing:.3px;text-transform:uppercase;background:linear-gradient(135deg,#ffb70026,#ff880040);border:1px solid #ffb70066;border-radius:20px;align-items:center;gap:6px;padding:3px 10px;font-size:.74rem;font-weight:800;display:inline-flex}.tour-step-dot-live{background-color:#ffb700;border-radius:50%;width:6px;height:6px;animation:1.5s infinite tourDotBlink;box-shadow:0 0 8px #ffb700}@keyframes tourDotBlink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.75)}}.tour-close-btn{color:#94a3b8;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;transition:all .2s;display:flex}.tour-close-btn:hover{color:#f87171;background:#ef444433;border-color:#ef444466;transform:scale(1.1)}.tour-popover-title-row{align-items:center;gap:10px;margin-bottom:.6rem;display:flex}.tour-icon-box{color:#ffb700;background:linear-gradient(135deg,#ffb7002e,#00f0ff2e);border:1px solid #ffb70059;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex;box-shadow:0 0 15px #ffb70033}.tour-icon-box svg{stroke:#ffb700;width:18px;height:18px}.tour-title{color:#fff;margin:0;font-size:1.05rem;font-weight:800;line-height:1.35}.tour-description{color:#cbd5e1;margin-bottom:1rem;font-size:.875rem;line-height:1.55}.tour-tip-pill{color:#7dd3fc;background:#00f0ff14;border:1px solid #00f0ff40;border-radius:10px;align-items:flex-start;gap:7px;margin-bottom:1.15rem;padding:8px 12px;font-size:.78rem;line-height:1.45;display:flex}.tour-tip-pill svg{color:#00f0ff;flex-shrink:0;width:15px;height:15px;margin-top:1px}.tour-progress-bar-wrap{background:#ffffff14;border-radius:10px;height:4px;margin-bottom:1rem;overflow:hidden}.tour-progress-bar-fill{background:linear-gradient(90deg,#ffb700,#00f0ff);border-radius:10px;height:100%;transition:width .35s;box-shadow:0 0 8px #00f0ff99}.tour-popover-footer{justify-content:space-between;align-items:center;gap:10px;display:flex}.tour-btn-skip{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px 10px;font-family:inherit;font-size:.82rem;font-weight:600;transition:all .2s}.tour-btn-skip:hover{color:#f87171;background:#ef44441a}.tour-nav-btns{align-items:center;gap:8px;display:flex}.tour-btn-prev{color:#e2e8f0;cursor:pointer;background:#ffffff12;border:1px solid #ffffff1f;border-radius:10px;align-items:center;gap:5px;padding:7px 14px;font-family:inherit;font-size:.82rem;font-weight:700;transition:all .2s;display:inline-flex}.tour-btn-prev:hover:not(:disabled){color:#fff;background:#ffffff24;border-color:#ffffff40}.tour-btn-prev:disabled{opacity:.35;cursor:not-allowed}.tour-btn-next{color:#0b0f19;cursor:pointer;background:linear-gradient(135deg,#ffb700 0%,#f80 100%);border:1px solid #ffd54f;border-radius:10px;align-items:center;gap:6px;padding:7px 16px;font-family:inherit;font-size:.84rem;font-weight:800;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 4px 14px #ffb70059}.tour-btn-next:hover{background:linear-gradient(135deg,#ffc400 0%,#ffa000 100%);transform:translateY(-2px);box-shadow:0 6px 20px #ffb7008c}.tour-btn-finish{color:#041019;background:linear-gradient(135deg,#00f0ff 0%,#00b4d8 100%);border:1px solid #80f7ff;box-shadow:0 4px 16px #00f0ff73}.tour-btn-finish:hover{background:linear-gradient(135deg,#33f3ff 0%,#00c6eb 100%);box-shadow:0 6px 24px #00f0ffa6}.tour-arrow{z-index:-1;background:#0b101cf7;border:1px solid #ffb70059;width:14px;height:14px;position:absolute;transform:rotate(45deg)}.tour-arrow.arrow-left{border-top:none;border-right:none;left:-8px}.tour-arrow.arrow-right{border-bottom:none;border-left:none;right:-8px}.tour-arrow.arrow-top{border-bottom:none;border-right:none;top:-8px}.tour-arrow.arrow-bottom{border-top:none;border-left:none;bottom:-8px}.btn-tour-trigger{color:#ffb700;cursor:pointer;background:linear-gradient(135deg,#ffb7001f 0%,#00f0ff1f 100%);border:1px solid #ffb70059;border-radius:9px;align-items:center;gap:6px;padding:6px 12px;font-size:.78rem;font-weight:800;transition:all .25s;display:inline-flex;box-shadow:0 0 10px #ffb70026}.btn-tour-trigger:hover{color:#fff;background:linear-gradient(135deg,#ffb70040 0%,#00f0ff40 100%);border-color:#ffb700;transform:translateY(-1px);box-shadow:0 0 18px #ffb70059}.btn-tour-trigger svg{color:#ffb700;transition:transform .3s}.btn-tour-trigger:hover svg{color:#00f0ff;transform:rotate(15deg)scale(1.1)}.tour-welcome-modal{z-index:99998;-webkit-backdrop-filter:blur(16px);opacity:0;pointer-events:none;visibility:hidden;background:#04070fd9;justify-content:center;align-items:center;padding:1rem;transition:opacity .3s,visibility .3s;display:flex;position:fixed;inset:0}.tour-welcome-modal.active{opacity:1;pointer-events:auto;visibility:visible}.tour-welcome-card{text-align:center;color:#f8fafc;background:linear-gradient(145deg,#0f172af7,#0b101cfc);border:1px solid #ffb70066;border-radius:20px;width:100%;max-width:460px;padding:2rem;transition:transform .35s cubic-bezier(.16,1,.3,1);transform:scale(.92);box-shadow:0 25px 60px #000000d9,0 0 40px #ffb70033}.tour-welcome-modal.active .tour-welcome-card{transform:scale(1)}.tour-welcome-icon-wrap{color:#ffb700;background:linear-gradient(135deg,#ffb70033,#00f0ff33);border:1px solid #ffb70073;border-radius:16px;justify-content:center;align-items:center;width:58px;height:58px;margin:0 auto 1.2rem;display:flex;box-shadow:0 0 25px #ffb70059}.tour-welcome-icon-wrap svg{stroke:#ffb700;width:28px;height:28px}.tour-welcome-title{color:#fff;margin-bottom:.5rem;font-size:1.3rem;font-weight:800}.tour-welcome-desc{color:#94a3b8;margin-bottom:1.6rem;font-size:.88rem;line-height:1.6}.tour-welcome-actions{justify-content:center;gap:12px;display:flex}.tour-welcome-btn-start{color:#0b0f19;cursor:pointer;background:linear-gradient(135deg,#ffb700 0%,#f80 100%);border:1px solid #ffd54f;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:11px 18px;font-family:inherit;font-size:.9rem;font-weight:800;transition:all .2s;display:inline-flex;box-shadow:0 4px 15px #ffb70066}.tour-welcome-btn-start:hover{transform:translateY(-2px);box-shadow:0 6px 22px #ffb70099}.tour-welcome-btn-skip{color:#cbd5e1;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:12px;padding:11px 16px;font-family:inherit;font-size:.88rem;font-weight:700;transition:all .2s}.tour-welcome-btn-skip:hover{color:#fff;background:#ffffff26}@media (width<=600px){.tour-popover{width:calc(100vw - 24px);padding:1.1rem}.tour-welcome-card{padding:1.4rem}}