@keyframes modern-aurora-drift-e915a59d{0%,to{transform:translate(0) scale(1)}33%{transform:translate(40px,-25px) scale(1.06)}66%{transform:translate(-30px,20px) scale(.96)}}@keyframes modern-edge-flow-e915a59d{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes modern-word-in-e915a59d{to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes modern-fade-up-e915a59d{to{opacity:1;transform:translateY(0)}}@keyframes modern-pulse-e915a59d{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes scuba-bubble-rise-e915a59d{0%{transform:translateY(0) translate(0);opacity:0}15%{opacity:.65}85%{opacity:.55}to{transform:translateY(calc(-100vh - 80px)) translate(20px);opacity:0}}.tutorials-page[data-v-e915a59d]{position:relative;isolation:isolate}.tut[data-v-e915a59d]{padding:2.25rem 0 4rem}@media(max-width:767.98px){.tut[data-v-e915a59d]{padding:1.5rem 0 3rem}}.tut__container[data-v-e915a59d]{max-width:1140px;margin:0 auto;padding:0 1.25rem}@media(max-width:575.98px){.tut__container[data-v-e915a59d]{padding:0 1rem}}.tut__toolbar[data-v-e915a59d]{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.75rem;padding:1rem 1.1rem;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:14px;box-shadow:var(--shadow-xs);z-index:5}.dark .tut__toolbar[data-v-e915a59d]{background:var(--bg-elevated)}@media(min-width:992px){.tut__toolbar[data-v-e915a59d]{flex-direction:row;align-items:center;gap:1.25rem;position:sticky;top:80px;padding:.85rem 1.25rem}}@media(max-width:575.98px){.tut__toolbar[data-v-e915a59d]{padding:.85rem .95rem}}.tut__search[data-v-e915a59d]{display:flex;align-items:center;gap:.55rem;padding:0 .85rem;height:44px;background:var(--input-bg);border:1px solid var(--input-border);border-radius:12px;color:var(--text-muted);transition:border-color .15s ease,box-shadow .15s ease;flex-shrink:0}@media(min-width:992px){.tut__search[data-v-e915a59d]{flex:0 1 360px}}.tut__search[data-v-e915a59d]:focus-within{border-color:#0077b6;color:#0077b6;background:var(--bg-surface);box-shadow:0 0 0 3px #0077b61f}.tut__search-icon[data-v-e915a59d]{flex-shrink:0}.tut__search-input[data-v-e915a59d]{flex:1;min-width:0;background:transparent;border:none;outline:none;font-size:.92rem;color:var(--text-primary)}.tut__search-input[data-v-e915a59d]::placeholder{color:var(--text-subtle)}.tut__search-input[data-v-e915a59d]::-webkit-search-decoration,.tut__search-input[data-v-e915a59d]::-webkit-search-cancel-button{appearance:none}.tut__search-clear[data-v-e915a59d]{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:none;border-radius:50%;background:var(--bg-muted);color:var(--text-muted);cursor:pointer;flex-shrink:0}.dark .tut__search-clear[data-v-e915a59d]{background:var(--white-08)}.tut__search-clear[data-v-e915a59d]:hover{background:var(--bg-subtle);color:var(--text-primary)}.tut__tabs-wrap[data-v-e915a59d]{flex:1;overflow-x:auto;margin:0 -.25rem;padding:0 .25rem;scrollbar-width:none}.tut__tabs-wrap[data-v-e915a59d]::-webkit-scrollbar{display:none}.tut__tabs[data-v-e915a59d]{display:inline-flex;gap:.4rem;min-width:100%}@media(min-width:992px){.tut__tabs[data-v-e915a59d]{justify-content:flex-end}}.tut__tab[data-v-e915a59d]{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem .95rem;background:var(--bg-muted);border:1px solid var(--border-default);border-radius:999px;color:var(--text-secondary);font-size:.85rem;font-weight:600;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:background .15s ease,border-color .15s ease,color .15s ease}.dark .tut__tab[data-v-e915a59d]{background:var(--white-05)}.tut__tab[data-v-e915a59d]:hover:not(.tut__tab--active){border-color:#0077b666;color:#0077b6}.tut__tab--active[data-v-e915a59d]{background:#0077b6;border-color:#0077b6;color:#fff}.tut__tab--active .tut__tab-count[data-v-e915a59d]{background:#ffffff38;color:#fff}@media(max-width:575.98px){.tut__tab[data-v-e915a59d]{padding:.5rem .8rem;font-size:.82rem}}@media(max-width:575.98px){.tut__tab-label[data-v-e915a59d]{max-width:11ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media(max-width:319.98px){.tut__tab-label[data-v-e915a59d]{display:none}}.tut__tab-count[data-v-e915a59d]{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 .35rem;background:var(--bg-subtle);color:var(--text-muted);border-radius:999px;font-size:.72rem;font-weight:700;line-height:1}.tut__grid[data-v-e915a59d]{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.5rem 1.25rem;list-style:none;margin:0;padding:0}@media(max-width:575.98px){.tut__grid[data-v-e915a59d]{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.25rem .85rem}}.tut__item[data-v-e915a59d]{list-style:none;margin:0;padding:0}.tut__card[data-v-e915a59d]{background:#ffffffb3;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(10,26,54,.08);border-radius:14px;padding:0;box-shadow:inset 0 1px #ffffff80;transition:transform .3s cubic-bezier(.22,1,.36,1),border-color .3s ease,box-shadow .3s ease}.dark .tut__card[data-v-e915a59d]{background:#ffffff0a;border-color:#ffffff14;box-shadow:inset 0 1px #ffffff0f}.tut__card[data-v-e915a59d]:hover{transform:translateY(-4px);border-color:#0a1a3624;box-shadow:inset 0 1px #fff9,0 12px 32px #0a1a361a}.dark .tut__card[data-v-e915a59d]:hover{border-color:#ffffff29;box-shadow:inset 0 1px #ffffff14,0 12px 32px #00000059}.tut__card[data-v-e915a59d]{width:100%;text-align:left;overflow:hidden;cursor:pointer;display:flex;flex-direction:column}.tut__card[data-v-e915a59d]:hover,.tut__card[data-v-e915a59d]:focus-visible,.tut__card[data-v-e915a59d]:focus-within{outline:none}.tut__card:hover .tut__thumb-shade[data-v-e915a59d],.tut__card:focus-visible .tut__thumb-shade[data-v-e915a59d],.tut__card:focus-within .tut__thumb-shade[data-v-e915a59d]{opacity:1}.tut__card:hover .tut__play[data-v-e915a59d],.tut__card:focus-visible .tut__play[data-v-e915a59d],.tut__card:focus-within .tut__play[data-v-e915a59d]{transform:translate(-50%,-50%) scale(1.06);box-shadow:inset 0 1px #ffffff8c,0 8px 22px #0077b673}.tut__card:hover .tut__title[data-v-e915a59d],.tut__card:focus-visible .tut__title[data-v-e915a59d],.tut__card:focus-within .tut__title[data-v-e915a59d]{color:#0077b6}.tut__thumb[data-v-e915a59d]{position:relative;aspect-ratio:16/9;background:var(--bg-muted);overflow:hidden}.tut__thumb img[data-v-e915a59d]{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}.tut__thumb-shade[data-v-e915a59d]{position:absolute;inset:0;background:linear-gradient(180deg,#0000 50%,#0000002e);opacity:.5;transition:opacity .2s ease;pointer-events:none}.tut__play[data-v-e915a59d]{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;color:#fff;background:linear-gradient(135deg,#0081c5,#006aa2);box-shadow:0 2px 6px #0077b673;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:transform .2s ease,box-shadow .2s ease}@media(max-width:575.98px){.tut__play[data-v-e915a59d]{width:42px;height:42px}}.tut__body[data-v-e915a59d]{padding:1rem 1.1rem 1.15rem;flex:1;display:flex;flex-direction:column;gap:.4rem}@media(max-width:575.98px){.tut__body[data-v-e915a59d]{padding:.85rem .95rem 1rem}}.tut__title[data-v-e915a59d]{font-size:.95rem;font-weight:700;line-height:1.3;color:var(--color-heading);margin:0;transition:color .15s ease;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:575.98px){.tut__title[data-v-e915a59d]{font-size:.88rem}}.tut__desc[data-v-e915a59d]{font-size:.82rem;color:var(--text-secondary);margin:0;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:575.98px){.tut__desc[data-v-e915a59d]{font-size:.78rem;-webkit-line-clamp:2}}.tut__empty[data-v-e915a59d]{display:flex;flex-direction:column;align-items:center;text-align:center;padding:3.5rem 1.5rem;color:var(--text-muted)}.tut__empty-icon[data-v-e915a59d]{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;color:#fff;background:linear-gradient(135deg,#0081c5,#006aa2);box-shadow:0 2px 6px #0077b62e;margin-bottom:.85rem;opacity:.85}.tut__empty-title[data-v-e915a59d]{margin:0 0 .85rem;font-size:1rem;font-weight:600;color:var(--text-primary)}.tut__empty-cta[data-v-e915a59d]{display:inline-flex;align-items:center;gap:.45rem;padding:.5rem 1rem;font-size:.9rem;font-weight:700;color:#0077b6;text-decoration:none;background:#0077b614;border:1px solid rgba(0,119,182,.15);border-radius:999px;transition:gap .22s ease,background .22s ease,border-color .22s ease,transform .22s ease}.dark .tut__empty-cta[data-v-e915a59d]{background:#0077b62e;border-color:#0077b652;color:#13adff}.tut__empty-cta[data-v-e915a59d]:hover{gap:.7rem;background:#0077b624;border-color:#0077b647;color:#0077b6;text-decoration:none;transform:translateY(-1px)}.dark .tut__empty-cta[data-v-e915a59d]:hover{background:#0077b647;border-color:#0077b673;color:#27b4ff}.tut__empty-cta[data-v-e915a59d]{cursor:pointer}.tut-player[data-v-e915a59d]{display:flex;flex-direction:column;gap:1rem}.tut-player__frame[data-v-e915a59d]{position:relative;aspect-ratio:16/9;width:100%;border-radius:12px;overflow:hidden;background:#000}.tut-player__frame iframe[data-v-e915a59d]{position:absolute;inset:0;width:100%;height:100%;border:0}.tut-player__desc[data-v-e915a59d]{margin:0;color:var(--text-secondary);font-size:.92rem;line-height:1.5}.tut-player__queue[data-v-e915a59d]{border-top:1px solid var(--border-subtle);padding-top:1rem}.tut-player__queue-title[data-v-e915a59d]{margin:0 0 .65rem;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-caption)}.tut-player__queue-list[data-v-e915a59d]{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.6rem}.tut-player__queue-item[data-v-e915a59d]{display:flex;align-items:center;gap:.55rem;padding:.45rem;background:var(--bg-muted);border:1px solid var(--border-default);border-radius:10px;color:var(--text-primary);text-align:left;cursor:pointer;transition:background .15s ease,border-color .15s ease}.dark .tut-player__queue-item[data-v-e915a59d]{background:var(--white-05)}.tut-player__queue-item[data-v-e915a59d]:hover{background:#0077b614;border-color:#0077b64d;color:#0077b6}.tut-player__queue-item:hover .tut-player__queue-play[data-v-e915a59d]{background:#0077b6;color:#fff}.tut-player__queue-thumb[data-v-e915a59d]{position:relative;width:64px;height:36px;flex-shrink:0;border-radius:6px;overflow:hidden;background:#000}.tut-player__queue-thumb img[data-v-e915a59d]{width:100%;height:100%;object-fit:cover}.tut-player__queue-play[data-v-e915a59d]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#ffffffeb;color:#0077b6;transition:background .15s ease,color .15s ease}.tut-player__queue-text[data-v-e915a59d]{flex:1;min-width:0;font-size:.78rem;font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}