@charset "UTF-8";.tutorial-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d1;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box;overscroll-behavior:contain}.tutorial-modal{background:linear-gradient(160deg,#101618,#0a0e10);width:100%;max-width:540px;max-height:94vh;border-radius:20px;border:1px solid rgba(18,236,244,.28);box-shadow:0 24px 60px #000000bf,0 0 30px #12ecf41f;position:relative;overflow-y:auto;color:#e2e8f0;box-sizing:border-box}.tutorial-content{padding:16px 16px 20px;display:flex;flex-direction:column;gap:16px;box-sizing:border-box}.tutorial-close{position:absolute;top:12px;right:12px;width:34px;height:34px;border-radius:50%;background:#0009;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.15);color:#cbd5e1;font-size:20px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:20}.tutorial-close:hover{background:#12ecf433;color:#12ecf4;border-color:#12ecf480;transform:scale(1.06)}.tutorial-close:active{transform:scale(.95)}.tutorial-slides{position:relative;width:100%;border-radius:14px;overflow:hidden;background:#06090a;box-shadow:0 4px 20px #00000080,inset 0 0 0 1px #ffffff0f}.tutorial-slide{width:100%}.tutorial-slide-img{width:100%;height:auto;display:block;border-radius:14px;-o-object-fit:contain;object-fit:contain;aspect-ratio:1402/1122}.tutorial-dots{display:flex;justify-content:center;align-items:center;gap:8px;margin:2px 0}.tutorial-dot{width:8px;height:8px;border-radius:999px;background:#ffffff38;border:none;padding:0;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1)}.tutorial-dot:hover{background:#12ecf480;transform:scale(1.2)}.tutorial-dot.active{width:24px;background:#12ecf4;box-shadow:0 0 10px #12ecf499}.tutorial-footer{width:100%}.tutorial-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.tutorial-btn-next{background:linear-gradient(135deg,#0fc3ca,#12ecf4);color:#001c1e;border:none;padding:10px 24px;border-radius:12px;font-weight:700;font-size:.95rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 14px #12ecf459;margin-left:auto}.tutorial-btn-next:hover{transform:translateY(-1px);box-shadow:0 6px 20px #12ecf480;filter:brightness(1.05)}.tutorial-btn-next:active{transform:translateY(0)}.tutorial-btn-next.is-last{background:linear-gradient(135deg,#12ecf4,#38ef7d);box-shadow:0 4px 16px #12ecf473}.tutorial-btn-back{background:#ffffff0f;border:1px solid rgba(255,255,255,.15);color:#cbd5e1;padding:10px 18px;border-radius:12px;font-size:.88rem;font-weight:600;cursor:pointer;transition:all .2s ease}.tutorial-btn-back:hover{background:#ffffff1f;color:#fff;border-color:#ffffff47}.tutorial-btn-back:active{transform:translateY(0)}.tutorial-btn-skip{background:transparent;border:none;color:#64748b;padding:8px 12px;font-size:.85rem;font-weight:500;cursor:pointer;transition:color .2s ease}.tutorial-btn-skip:hover{color:#94a3b8}@media(max-width:480px){.tutorial-modal{max-width:100%;border-radius:18px}.tutorial-content{padding:12px 12px 16px;gap:12px}.tutorial-actions{gap:8px}.tutorial-btn-next{padding:9px 18px;font-size:.9rem}.tutorial-btn-back{padding:9px 14px;font-size:.85rem}}