.ztut-wrap{--zv-panel:#121314;--zv-card:#16181a;--zv-bd:#d6e1ff0a;--zv-bd-2:#d6e1ff1f;padding-top:8px;padding-bottom:80px}.ztut-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin:6px 0 22px;display:flex}.ztut-head-text{min-width:0}.ztut-eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--zv-tx-3);margin-bottom:6px;font-size:11px;font-weight:700}.ztut-head-text h1{letter-spacing:-.01em;color:var(--zv-tx);font-size:26px;font-weight:800;line-height:1.12}.ztut-head-text p{max-width:560px;color:var(--zv-tx-2);margin-top:6px;font-size:13.5px;line-height:1.5}.ztut-search{background:var(--zv-card);border:1px solid var(--zv-bd);width:300px;max-width:100%;color:var(--zv-tx-3);border-radius:12px;align-items:center;gap:9px;padding:9px 14px;transition:border-color .15s,box-shadow .15s;display:flex}.ztut-search:focus-within{border-color:rgba(var(--zv-accent-rgb), .5);box-shadow:0 0 0 3px rgba(var(--zv-accent-rgb), .15)}.ztut-search>svg{flex:none}.ztut-search input{min-width:0;color:var(--zv-tx);background:0 0;border:0;outline:none;flex:1;font-family:inherit;font-size:14px}.ztut-search input::placeholder{color:var(--zv-tx-3)}.ztut-filters{border-bottom:1px solid var(--zv-bd);flex-wrap:wrap;align-items:center;gap:0 14px;margin:2px 0 22px;display:flex}.ztut-filter{color:var(--zv-tx-2);cursor:pointer;background:0 0;border:0;padding:9px 2px;font-family:inherit;font-size:13.5px;font-weight:600;transition:color .15s;position:relative}.ztut-filter:after{content:"";background:var(--zv-accent);opacity:0;border-radius:2px 2px 0 0;height:2px;transition:opacity .15s;position:absolute;bottom:-1px;left:0;right:0}.ztut-filter:hover,.ztut-filter.is-active{color:var(--zv-tx)}.ztut-filter.is-active:after{opacity:1}.ztut-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.ztut-card{text-align:left;background:var(--zv-card);border:1px solid var(--zv-bd);cursor:pointer;border-radius:16px;flex-direction:column;padding:8px;font-family:inherit;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex}.ztut-card:hover{border-color:var(--zv-bd-2);transform:translateY(-3px);box-shadow:0 16px 34px -22px #000000d9}.ztut-thumb{aspect-ratio:16/9;background-color:var(--zv-panel);background-position:50%;background-size:cover;border-radius:12px;position:relative;overflow:hidden}.ztut-dur{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b8;border-radius:8px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-flex;position:absolute;bottom:8px;right:8px}.ztut-title{letter-spacing:-.01em;color:var(--zv-tx);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:10px 4px 4px;font-size:13.5px;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.ztut-empty{color:var(--zv-tx-2);padding:30px 2px;font-size:14px}@media (max-width:1080px){.ztut-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:760px){.ztut-head{align-items:stretch}.ztut-search{width:100%}.ztut-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:460px){.ztut-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.ztut-card{transition:border-color .18s}.ztut-card:hover{transform:none}}