.tutorials_page___tpkV{background:var(--dark-navy);min-height:calc(100vh - 64px);padding:3rem 2.5rem 4rem}.tutorials_inner__3tlcY{max-width:960px;margin:0 auto}.tutorials_badge__zvELT{display:inline-flex;align-items:center;gap:.5rem;font-size:.72rem;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:var(--yellow);background:rgba(247,201,72,.1);border:1px solid rgba(247,201,72,.25);padding:.35rem 1rem;border-radius:50px;margin-bottom:1.2rem}.tutorials_title__FIqNl{font-family:Fredoka One,cursive;font-size:clamp(1.8rem,4vw,2.6rem);color:#fff;margin-bottom:.6rem}.tutorials_title__FIqNl em{color:var(--yellow);font-style:normal}.tutorials_subtitle__KiGd_{color:hsla(0,0%,100%,.55);font-size:1rem;font-weight:600;line-height:1.6;margin-bottom:2rem;max-width:600px}.tutorials_filters__FdzH9{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:2rem}.tutorials_filterBtn__edC5P{padding:.45rem 1rem;border-radius:50px;font-size:.78rem;font-weight:800;border:1.5px solid hsla(0,0%,100%,.12);background:transparent;color:hsla(0,0%,100%,.5);cursor:pointer;transition:all .2s}.tutorials_filterBtn__edC5P:hover{border-color:hsla(0,0%,100%,.25);color:hsla(0,0%,100%,.8)}.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);grid-gap:1.5rem;gap:1.5rem}.tutorials_card__xmYsn{background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);border-radius:16px;overflow:hidden;cursor:pointer;transition:transform .2s,border-color .2s,box-shadow .2s}.tutorials_card__xmYsn:hover{transform:translateY(-3px);border-color:rgba(247,201,72,.3);box-shadow:0 8px 32px rgba(0,0,0,.3)}.tutorials_cardThumb__Bkwre{aspect-ratio:16/9;background:linear-gradient(135deg,#1a2535,#0f1923 60%,#1a2535);display:flex;align-items:center;justify-content:center;position:relative}.tutorials_playIcon__NddgM{width:48px;height:48px;border-radius:50%;background:rgba(247,201,72,.9);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(247,201,72,.3);transition:transform .2s}.tutorials_card__xmYsn:hover .tutorials_playIcon__NddgM{transform:scale(1.1)}.tutorials_durationBadge__34tex{position:absolute;bottom:8px;right:8px;background:rgba(0,0,0,.7);color:hsla(0,0%,100%,.8);font-size:.7rem;font-weight:800;padding:.2rem .5rem;border-radius:6px}.tutorials_cardBody__Db1rJ{padding:1rem 1.2rem 1.2rem}.tutorials_cardTitle__qr4gx{font-family:Fredoka One,cursive;font-size:.95rem;color:#fff;margin-bottom:.35rem}.tutorials_cardDesc__94_i1{color:hsla(0,0%,100%,.45);font-size:.8rem;font-weight:600;line-height:1.5}.tutorials_modalOverlay__NjvDJ{position:fixed;inset:0;background:rgba(0,0,0,.75);z-index:1000;display:flex;align-items:center;justify-content:center;padding:2rem;animation:tutorials_fadeIn___wKGb .3s ease}@keyframes tutorials_fadeIn___wKGb{0%{opacity:0}to{opacity:1}}.tutorials_modal__e832o{background:var(--dark-navy);border-radius:24px;width:90%;max-width:860px;border:1.5px solid hsla(0,0%,100%,.1);box-shadow:0 40px 80px rgba(0,0,0,.5);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:1.2rem 1.6rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid hsla(0,0%,100%,.08)}.tutorials_modalTitle__oNYq0{font-family:Fredoka One,cursive;font-size:1.1rem;color:#fff}.tutorials_modalClose__uGBGz{background:hsla(0,0%,100%,.08);border:none;color:hsla(0,0%,100%,.6);width:32px;height:32px;border-radius:50%;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.tutorials_modalClose__uGBGz:hover{background:hsla(0,0%,100%,.18);color:#fff}.tutorials_empty__C4ziX{text-align:center;padding:3rem 2rem;color:hsla(0,0%,100%,.4);font-weight:600;font-size:.9rem}@media (max-width:700px){.tutorials_page___tpkV{padding:2rem 1.2rem 3rem}.tutorials_grid__8iOaE{grid-template-columns:1fr}.tutorials_modalOverlay__NjvDJ{padding:1rem}.tutorials_modal__e832o{width:100%;max-height:88vh;overflow-y:auto}}