.vw-tut-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;margin:0;padding:0;list-style:none}.vw-tut-card{display:flex;flex-direction:column;width:100%;height:100%;padding:0;text-align:left;color:inherit;background:var(--vw-surface);border:1px solid var(--vw-line);border-radius:16px;overflow:hidden;box-shadow:var(--vw-shadow);font:inherit}button.vw-tut-card{cursor:pointer;transition:transform .2s var(--ease-out),box-shadow .2s var(--ease-out)}@media (hover:hover){button.vw-tut-card:hover{transform:translateY(-2px)}button.vw-tut-card:hover .vw-tut-play{transform:translate(-50%,-50%) scale(1.06)}}button.vw-tut-card:focus-visible{outline:3px solid var(--vw-accent);outline-offset:2px}.vw-tut-card[aria-disabled=true]{opacity:.72;box-shadow:none}.vw-tut-thumb{position:relative;display:block;aspect-ratio:16/9;background:radial-gradient(120% 90% at 20% 10%,#1f4f9a 0,transparent 60%),linear-gradient(135deg,#0b1a2e,#10336b);overflow:hidden}.vw-tut-poster{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.vw-tut-play{position:absolute;left:50%;top:50%;width:52px;height:52px;transform:translate(-50%,-50%);display:grid;place-items:center;border-radius:50%;background:rgba(11,26,46,.78);backdrop-filter:blur(6px);transition:transform .2s var(--ease-out)}.vw-tut-play svg{width:22px;height:22px;fill:#fff;margin-left:2px}.vw-tut-time{position:absolute;right:10px;bottom:10px;padding:2px 8px;border-radius:6px;background:rgba(11,26,46,.82);color:#fff;font-size:12px;font-weight:600;font-variant-numeric:tabular-nums}.vw-tut-soon{position:absolute;inset:0;display:grid;place-items:center;color:#c9d6ea;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.vw-tut-meta{display:flex;flex-direction:column;gap:4px;padding:14px 16px 16px}.vw-tut-section{font-size:12px;font-weight:600;color:var(--vw-muted);letter-spacing:.04em;text-transform:uppercase}.vw-tut-title{font-size:16px;font-weight:600;line-height:1.35}.vw-tut-modal{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:16px;background:rgba(6,10,16,.78);backdrop-filter:blur(4px);animation:vw-tut-fade .18s ease-out}@keyframes vw-tut-fade{0%{opacity:0}}.vw-tut-modal-box{width:min(1100px,100%)}.vw-tut-modal-head{display:flex;align-items:center;gap:12px;margin-bottom:10px;color:#fff}.vw-tut-modal-title{flex:1;min-width:0;font-size:17px;font-weight:600}.vw-tut-close{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;border:0;background:rgba(255,255,255,.12);cursor:pointer}.vw-tut-close svg{width:20px;height:20px;stroke:#fff;stroke-width:2;fill:none}.vw-tut-video{display:block;width:100%;aspect-ratio:16/9;border-radius:14px;background:#000}.vw-tut-search{width:100%;max-width:440px;height:46px;padding:0 16px;border-radius:12px;border:1px solid var(--vw-line);background:var(--vw-surface);color:var(--vw-text);font:inherit;font-size:16px}.vw-tut-search:focus-visible{outline:3px solid var(--vw-accent);outline-offset:1px}@media (prefers-reduced-motion:reduce){.vw-tut-modal,.vw-tut-play,button.vw-tut-card{transition:none;animation:none}}