.hero{padding:56px 32px 40px;max-width:1200px;margin:0 auto}.hero-label{font-family:var(--crl-mono);font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--crl-accent);margin-bottom:12px;display:flex;align-items:center;gap:8px}.hero-label:before{content:"";display:block;width:24px;height:1px;background:var(--crl-accent)}.hero h1{font-family:var(--crl-display);font-size:clamp(3rem,7vw,6rem);letter-spacing:4px;line-height:.9;color:var(--crl-white);margin-bottom:16px}.hero h1 span{color:var(--crl-accent)}.hero-sub{font-family:var(--crl-mono);font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--crl-muted)}@media(max-width:600px){.hero{padding:40px 16px 28px}}.filters{padding:0 32px 28px;max-width:1200px;margin:0 auto;display:flex;gap:8px;flex-wrap:wrap;align-items:center}@media(max-width:600px){.filters{padding:0 16px 20px}}.section{padding:0 32px 64px;max-width:1200px;margin:0 auto}.vod-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media(max-width:1000px){.vod-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.section{padding:0 16px 48px}.vod-grid{grid-template-columns:1fr;gap:12px}}.vod-card{border-radius:10px;overflow:hidden;border:1px solid var(--crl-border);background:var(--crl-surface);cursor:pointer;transition:transform .18s,border-color .18s,box-shadow .18s}.vod-card:hover{transform:translateY(-3px);border-color:#00bfff40;box-shadow:0 16px 48px #00000080,0 0 0 1px #00bfff0f}.vod-thumb{position:relative;aspect-ratio:16/9;overflow:hidden}.vod-thumb-bg{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.vod-thumb-letter{font-family:var(--crl-display);font-size:5rem;letter-spacing:4px;opacity:.12}.vod-thumb-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(0,191,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,191,255,.03) 1px,transparent 1px);background-size:32px 32px}.vod-play-btn{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s;background:#030a0e66}.vod-card:hover .vod-play-btn{opacity:1}.vod-play-icon{width:52px;height:52px;border-radius:50%;background:#00bfff26;border:1px solid rgba(0,191,255,.4);display:flex;align-items:center;justify-content:center;color:var(--crl-white);font-size:1.1rem;backdrop-filter:blur(8px);transition:transform .15s}.vod-card:hover .vod-play-icon{transform:scale(1.08)}.vod-preview{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .3s;pointer-events:none}.vod-card:hover .vod-preview{opacity:1}.vod-duration{position:absolute;bottom:8px;right:8px;font-family:var(--crl-mono);font-size:10px;letter-spacing:.5px;background:#030a0ed9;backdrop-filter:blur(6px);color:#e8f6ffd9;padding:3px 8px;border-radius:4px}.vod-body{padding:12px 14px 14px}.vod-channel-row{display:flex;align-items:center;gap:9px;margin-bottom:7px}.vod-ava{width:26px;height:26px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-family:var(--crl-display);font-size:12px;color:#030a0e}.vod-name{font-family:var(--crl-mono);font-size:11px;font-weight:700;letter-spacing:.5px}.vod-meta{display:flex;align-items:center;gap:10px;font-family:var(--crl-mono);font-size:10px;color:var(--crl-muted);letter-spacing:.5px}.vod-meta i{font-size:.65rem}.vod-empty-wrap{grid-column:1/-1}.crl-modal{max-width:860px}.modal-ava{width:28px;height:28px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-family:var(--crl-display);font-size:13px;color:#030a0e}.modal-name{font-family:var(--crl-mono);font-size:12px;font-weight:700;letter-spacing:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modal-date{font-family:var(--crl-mono);font-size:10px;color:var(--crl-muted);letter-spacing:.5px;flex-shrink:0;margin-left:auto}.modal-close{width:32px;height:32px;border-radius:6px;border:1px solid var(--crl-border);background:transparent;color:var(--crl-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.85rem;transition:.15s;flex-shrink:0}.modal-close:hover{border-color:var(--crl-border-h);color:var(--crl-white)}.modal-video{background:#000;aspect-ratio:16/9;width:100%}.modal-video video{width:100%;height:100%;display:block}.modal-stat{font-family:var(--crl-mono);font-size:10px;color:var(--crl-muted);letter-spacing:.5px;display:flex;align-items:center;gap:6px}.modal-stat i{color:var(--crl-accent);font-size:.65rem}@media(max-width:600px){.crl-modal{border-radius:12px 12px 0 0}.crl-modal-backdrop{align-items:flex-end;padding:0}}