.tutorials_page___tpkV{background:var(--surface-inverse);min-height:calc(100vh - 64px);padding:var(--space-10) var(--space-9) var(--space-11)}.tutorials_inner__3tlcY{max-width:960px;margin:0 auto}.tutorials_badge__zvELT{display:inline-flex;align-items:center;gap:var(--space-3);font-size:var(--text-xs);font-weight:var(--weight-display);letter-spacing:1.5px;text-transform:uppercase;color:var(--yellow);background:rgba(var(--yellow-rgb),.1);border:1px solid rgba(var(--yellow-rgb),.25);padding:.35rem var(--space-5);border-radius:var(--radius-round);margin-bottom:var(--space-6)}.tutorials_title__FIqNl{font-family:var(--font-ui);font-weight:var(--weight-display);font-size:clamp(1.8rem,4vw,2.6rem);color:var(--ink-on-inverse);margin-bottom:.6rem}.tutorials_title__FIqNl em{color:var(--yellow);font-style:normal}.tutorials_subtitle__KiGd_{color:#ffffff8c;font-size:var(--text-lg);font-weight:var(--weight-semibold);line-height:1.6;margin-bottom:var(--space-8);max-width:600px}.tutorials_filters__FdzH9{display:flex;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-8)}.tutorials_filterBtn__edC5P{padding:var(--space-3) var(--space-5);border-radius:var(--radius-round);font-size:var(--text-xs);font-weight:var(--weight-display);border:1.5px solid #ffffff1f;background:#0000;color:#ffffff80;cursor:pointer;transition:all var(--duration-fast)}.tutorials_filterBtn__edC5P:hover{border-color:#ffffff40;color:#fffc}.tutorials_filterBtnActive__nkPOA,.tutorials_filterBtnActive__nkPOA:hover{background:var(--yellow);color:var(--dark-navy);border-color:var(--yellow)}.tutorials_grid__8iOaE{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-7)}.tutorials_card__xmYsn{background:#ffffff0a;border:1px solid #ffffff14;border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:transform var(--duration-fast),border-color var(--duration-fast),box-shadow var(--duration-fast)}.tutorials_card__xmYsn:hover{transform:translateY(-3px);border-color:rgba(var(--yellow-rgb),.3);box-shadow:0 8px 32px #0000004d}.tutorials_cardThumb__Bkwre{aspect-ratio:16/9;background:linear-gradient(135deg,var(--surface-inverse) 0,var(--surface-inverse-deep) 60%,var(--surface-inverse) 100%);display:flex;align-items:center;justify-content:center;position:relative}.tutorials_playIcon__NddgM{width:48px;height:48px;border-radius:var(--radius-circle);background:rgba(var(--yellow-rgb),.9);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(var(--yellow-rgb),.3);transition:transform var(--duration-fast)}.tutorials_card__xmYsn:hover .tutorials_playIcon__NddgM{transform:scale(1.1)}.tutorials_durationBadge__34tex{position:absolute;bottom:8px;right:8px;background:#000000b3;color:#fffc;font-size:var(--text-2xs);font-weight:var(--weight-display);padding:var(--space-2) var(--space-3);border-radius:6px}.tutorials_cardBody__Db1rJ{padding:var(--space-5) var(--space-6) var(--space-6)}.tutorials_cardTitle__qr4gx{font-family:var(--font-ui);font-weight:var(--weight-display);font-size:var(--text-md);color:var(--ink-on-accent);margin-bottom:.35rem}.tutorials_cardDesc__94_i1{color:#ffffff73;font-size:var(--text-sm);font-weight:var(--weight-semibold);line-height:1.5}.tutorials_modalOverlay__NjvDJ{position:fixed;inset:0;background:#000000bf;z-index:var(--z-overlay);display:flex;align-items:center;justify-content:center;padding:var(--space-8);animation:tutorials_fadeIn___wKGb var(--duration-base) ease}@keyframes tutorials_fadeIn___wKGb{0%{opacity:0}to{opacity:1}}.tutorials_modal__e832o{background:var(--surface-inverse);border-radius:24px;width:90%;max-width:860px;border:1.5px solid #ffffff1a;box-shadow:0 40px 80px #00000080;overflow:hidden;animation:tutorials_modalIn__jrmC0 .4s cubic-bezier(.16,1,.3,1)}@keyframes tutorials_modalIn__jrmC0{0%{transform:scale(.9) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.tutorials_modalHeader__inUOS{padding:var(--space-6) 1.6rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff14}.tutorials_modalTitle__oNYq0{font-family:var(--font-ui);font-weight:var(--weight-display);font-size:var(--text-xl);color:var(--ink-on-inverse)}.tutorials_modalClose__uGBGz{background:#ffffff14;border:none;color:#fff9;width:32px;height:32px;border-radius:var(--radius-circle);font-size:var(--text-xl);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--duration-fast)}.tutorials_modalClose__uGBGz:hover{background:#ffffff2e;color:var(--ink-on-accent)}.tutorials_empty__C4ziX{text-align:center;padding:var(--space-10) var(--space-8);color:#fff6;font-weight:var(--weight-semibold);font-size:var(--text-base)}@media (max-width:700px){.tutorials_page___tpkV{padding:var(--space-8) var(--space-6) var(--space-10)}.tutorials_grid__8iOaE{grid-template-columns:1fr}.tutorials_modalOverlay__NjvDJ{padding:var(--space-5)}.tutorials_modal__e832o{width:100%;max-height:88vh;overflow-y:auto}}