:where(.pg-tutorials){font-family:var(--font-inter), -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif;letter-spacing:-.011em;background-color:rgb(var(--n-0a0a0a))!important;color:rgb(var(--n-ffffff))!important}:where(.pg-tutorials) section,:where(.pg-tutorials) main,:where(.pg-tutorials) .locarda-dark-bg{background-color:rgb(var(--n-0a0a0a))!important}:where(.pg-tutorials) .locarda-hero-bg{background-color:rgb(var(--n-111111))!important}:where(.pg-tutorials) .locarda-card-bg{background-color:rgb(var(--n-141414))!important}:where(.pg-tutorials) .locarda-border-subtle{border-color:rgb(var(--n-ffffff) / .05)!important}:where(.pg-tutorials) h1,:where(.pg-tutorials) h2,:where(.pg-tutorials) h3,:where(.pg-tutorials) h4,:where(.pg-tutorials) h5,:where(.pg-tutorials) h6{letter-spacing:-.02em;font-weight:700;line-height:1.2}:where(.pg-tutorials) .tutorial-card{transition:transform .2s,box-shadow .2s}:where(.pg-tutorials) .tutorial-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #314f821f}:where(.pg-tutorials) .category-pill{transition:all .2s}:where(.pg-tutorials) .category-pill.active{color:#fff;background-color:#3c82d9}:where(.pg-tutorials) .play-button{background:#314f82f2;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;transition:all .2s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}:where(.pg-tutorials) .tutorial-card:hover .play-button{background:#314f82;transform:translate(-50%,-50%)scale(1.1)}:where(.pg-tutorials) .search-icon{position:absolute;top:50%;left:16px;transform:translateY(-50%)}:where(.pg-tutorials) nav.nav-bar{width:100%;max-width:min(1200px,100%);transition:padding .5s cubic-bezier(.33,1,.68,1),max-width .5s cubic-bezier(.33,1,.68,1),border-radius .5s cubic-bezier(.33,1,.68,1)}:where(.pg-tutorials) nav.nav-bar.scrolled{max-width:max(48rem, var(--nav-match-headline,560px));border-radius:10px;padding:.5rem 1rem!important}:where(.pg-tutorials) nav.nav-bar.scrolled .logo-img{width:26px!important;height:26px!important}:where(.pg-tutorials) nav.nav-bar.scrolled .logo-text{font-size:1rem!important}:where(.pg-tutorials) nav.nav-bar.scrolled .nav-link{font-size:.875rem!important}@media (max-width:768px){:where(.pg-tutorials) nav.nav-bar.scrolled{max-width:100%}}