.tutorials{box-sizing:border-box;background-color:#fff;width:100%;min-height:100vh;padding:40px 20px;font-family:var(--font-assistant),sans-serif!important}@media (max-width:769px){.tutorials{padding:40px 15px}}.tutorials__container{max-width:1400px;margin:0 auto}.tutorials__header{text-align:center;margin-bottom:60px}@media (max-width:769px){.tutorials__header{margin-bottom:40px}}.tutorials__title.titleComponent.MuiTypography-root{color:#000;margin-bottom:20px;font-size:48px;line-height:1.2}@media (max-width:769px){.tutorials__title.titleComponent.MuiTypography-root{margin-bottom:15px;font-size:36px}}@media (max-width:500px){.tutorials__title.titleComponent.MuiTypography-root{font-size:28px}}.tutorials__subtitle.titleComponent.MuiTypography-root{color:#1fa0fc;margin-bottom:15px;font-size:24px;font-style:italic;font-weight:500;line-height:1.4}@media (max-width:769px){.tutorials__subtitle.titleComponent.MuiTypography-root{margin-bottom:12px;font-size:20px}}@media (max-width:500px){.tutorials__subtitle.titleComponent.MuiTypography-root{font-size:18px}}.tutorials__description{color:#555;max-width:800px;margin:0 auto;font-size:18px;line-height:1.6}@media (max-width:769px){.tutorials__description{font-size:16px}}@media (max-width:500px){.tutorials__description{font-size:14px}}.tutorials__filters{flex-wrap:wrap;justify-content:center;gap:15px;margin-bottom:50px;display:flex}@media (max-width:769px){.tutorials__filters{gap:10px;margin-bottom:35px}}.tutorials__filter-button{color:#555;cursor:pointer;background-color:#fff;border:2px solid #0000001f;border-radius:8px;outline:none;padding:12px 24px;font-size:16px;font-weight:500;transition:all .3s}@media (max-width:500px){.tutorials__filter-button{padding:10px 18px;font-size:14px}}.tutorials__filter-button:hover{color:#1fa0fc;border-color:#1fa0fc;transform:translateY(-2px);box-shadow:0 0 28px 5px #0000000f,0 0 9px -5px #0000001a}.tutorials__filter-button:focus-visible{outline-offset:2px;outline:3px solid #e3f2fd}.tutorials__filter-button--active{color:#fff;background-color:#1fa0fc;border-color:#1fa0fc}.tutorials__filter-button--active:hover{background-color:#135c91;border-color:#135c91}.tutorials__grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:40px;margin-bottom:60px;display:grid}@media (max-width:769px){.tutorials__grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:30px;margin-bottom:40px}}@media (max-width:500px){.tutorials__grid{grid-template-columns:1fr;gap:25px}}.tutorials__no-videos{text-align:center;color:#555;padding:80px 20px;font-size:20px}@media (max-width:500px){.tutorials__no-videos{padding:60px 20px;font-size:18px}}.tutorials__loading{text-align:center;color:#1fa0fc;padding:80px 20px;font-size:20px}@media (max-width:500px){.tutorials__loading{padding:60px 20px;font-size:18px}}