.video-container { max-width: 1100px; margin: 0 auto; padding: 20px 0; }.video-header { display: flex; align-items: center; gap: 15px; margin-bottom: 20px; }.video-avatar { width: 50px; height: 50px; border-radius: 50%; object-fit: cover; border: 2px solid var(--accent); }.video-title-area h1 { font-size: 20px; margin: 0 0 5px 0; color: #fff; }.video-meta-tags { display: flex; gap: 10px; font-size: 12px; color: var(--text-muted); }.player-wrapper { background: #000; border-radius: 12px; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,0.5); aspect-ratio: 16/9; position: relative; border: 1px solid var(--border-glass); }.player-wrapper video { width: 100%; height: 100%; object-fit: contain; }.dl-section { background: var(--bg-card); padding: 30px; text-align: center; border-radius: 12px; margin: 20px 0; border: 1px solid var(--border-glass); }.dl-btn { display: inline-flex; align-items: center; gap: 10px; background: #22c55e; color: #000; padding: 15px 30px; border-radius: 8px; font-weight: 700; font-size: 16px; text-transform: uppercase; transition: 0.3s; }.dl-btn:hover { background: #16a34a; transform: translateY(-2px); }.details-card { background: var(--bg-card); padding: 20px; border-radius: 12px; margin-bottom: 20px; border: 1px solid var(--border-glass); }.details-title { color: var(--accent); font-weight: 700; margin-bottom: 10px; font-size: 16px; }.video-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; margin-bottom: 30px; }@media (max-width: 768px) { .video-grid { grid-template-columns: repeat(2, 1fr); } }.v-card { background: var(--bg-card); border-radius: 8px; overflow: hidden; border: 1px solid var(--border-glass); transition: 0.3s; }.v-card:hover { border-color: var(--accent); transform: translateY(-3px); box-shadow: 0 10px 20px rgba(0,0,0,0.3); }.v-thumb { width: 100%; aspect-ratio: 16/9; object-fit: cover; display: block; border-bottom: 1px solid var(--border-glass); }.v-info { padding: 10px; }.v-title { font-size: 13px; font-weight: 600; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 5px; }