.videos-section{z-index:2;min-height:100vh;padding:8rem 0 5rem;position:relative}.videos-search{width:100%;max-width:480px;margin:0 auto 2rem;position:relative}.videos-search .search-icon{color:var(--text-muted);pointer-events:none;font-size:.9rem;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.videos-search input{width:100%;color:var(--text-primary);background:#ffffff08;border:1px solid #ffffff14;border-radius:100px;padding:.85rem 2.75rem;font-family:inherit;font-size:.9rem;transition:all .25s}.videos-search input:focus{background:#a78bfa0a;border-color:#a78bfa66;outline:none;box-shadow:0 0 0 3px #a78bfa1a}.clear-search{width:24px;height:24px;color:var(--text-muted);background:#ffffff0f;border-radius:50%;justify-content:center;align-items:center;font-size:.65rem;display:flex;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.videos-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;display:grid}.video-card{cursor:pointer;background:#ffffff06;border:1px solid #ffffff0f;border-radius:18px;transition:all .35s cubic-bezier(.22,1,.36,1);overflow:hidden}.video-card:hover{border-color:#a78bfa4d;transform:translateY(-6px);box-shadow:0 20px 50px -20px #a78bfa66}.video-thumbnail{aspect-ratio:16/9;background:#00000080;position:relative;overflow:hidden}.thumb-img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.video-card:hover .thumb-img{transform:scale(1.06)}.thumb-overlay{opacity:0;background:#00000059;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.video-card:hover .thumb-overlay{opacity:1}.play-btn{color:#fff;background:#ff0000e6;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;padding-right:4px;font-size:1.3rem;display:flex;box-shadow:0 0 30px #f009}.video-duration{color:#fff;background:#000000d9;border-radius:6px;align-items:center;gap:.25rem;padding:.2rem .55rem;font-size:.72rem;font-weight:600;display:inline-flex;position:absolute;bottom:.6rem;left:.6rem}.video-body{padding:1rem 1.15rem}.video-title{color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.5rem;font-size:.95rem;font-weight:600;line-height:1.5;display:-webkit-box;overflow:hidden}.video-meta{color:var(--text-muted);gap:.85rem;font-size:.72rem;display:flex}.video-meta span{align-items:center;gap:.25rem;display:inline-flex}.videos-empty{text-align:center;color:var(--text-muted);flex-direction:column;align-items:center;gap:.5rem;padding:5rem 2rem;display:flex}.empty-icon{opacity:.3;margin-bottom:.5rem;font-size:3rem}.videos-empty .hint{opacity:.7;font-size:.8rem}.video-modal{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:2000;background:#000000d9;justify-content:center;align-items:center;padding:1.5rem;animation:.25s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.video-modal-content{background:var(--bg-mid);border:1px solid #ffffff1a;border-radius:20px;width:100%;max-width:960px;max-height:90vh;position:relative;overflow-y:auto;box-shadow:0 40px 80px -20px #000000e6}.video-modal-close{z-index:10;color:#fff;background:#000000b3;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:.95rem;transition:background .2s;display:flex;position:absolute;top:.75rem;left:.75rem}.video-modal-close:hover{background:#ef4444cc}.video-player-wrapper{aspect-ratio:16/9;background:#000;width:100%;position:relative}.video-player-wrapper iframe{border:none;width:100%;height:100%;position:absolute;inset:0}.video-modal-info{padding:1.5rem}.video-modal-info h3{color:var(--text-primary);margin-bottom:.6rem;font-size:1.15rem;font-weight:700;line-height:1.4}.video-modal-info p{color:var(--text-secondary);white-space:pre-wrap;font-size:.88rem;line-height:1.9}@media (max-width:640px){.videos-section{padding:6rem 0 3rem}.videos-grid{grid-template-columns:1fr;gap:1rem}.video-modal{padding:.5rem}.video-modal-content{border-radius:14px}.video-modal-info{padding:1rem}}