@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@600;700&display=swap";:root{--bg-body:#030305;--bg-header:#030305bf;--bg-card:#0a0a0c;--bg-hover:#141419;--color-primary:#e11d48;--color-primary-dark:#be123c;--color-primary-glow:#e11d4866;--color-primary-light:#e11d481a;--text-main:#f8fafc;--text-muted:#94a3b8;--border-color:#ffffff0f;--border-glow:#e11d484d;--gradient-primary:linear-gradient(135deg, #f43f5e 0%, #be123c 100%)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-body);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(circle at 50% 0,#e11d4808 0%,#0000 50%),radial-gradient(circle at 100% 100%,#e11d4808 0%,#0000 50%);background-attachment:fixed;flex-direction:column;min-height:100vh;font-family:Inter,sans-serif;display:flex}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-body)}::-webkit-scrollbar-thumb{background:#27272a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}a{color:inherit;text-decoration:none}.container{width:100%;max-width:1300px;margin:0 auto;padding:0 1.5rem}.header{z-index:100;background:var(--bg-header);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-color);padding:1.2rem 0;transition:all .3s;position:sticky;top:0;box-shadow:0 10px 30px #00000080}.header-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.logo{letter-spacing:-.5px;align-items:center;gap:.6rem;font-size:1.6rem;font-weight:900;display:flex}.logo svg{color:var(--color-primary);filter:drop-shadow(0 0 8px var(--color-primary-glow))}.logo span{background:var(--text-main);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.search-container{width:100%;max-width:400px;position:relative}.search-box{position:relative}.search-input{border:1px solid var(--border-color);color:#fff;background:#ffffff08;border-radius:50px;width:100%;padding:.7rem 1.2rem .7rem 2.8rem;font-size:.9rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1)}.search-input::placeholder{color:#64748b}.search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light), 0 0 15px var(--color-primary-glow);background:#0009;outline:none}.search-icon{color:var(--text-muted);transition:color .3s;position:absolute;top:50%;left:1.2rem;transform:translateY(-50%)}.search-input:focus+.search-icon{color:var(--color-primary)}.suggestions{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);z-index:101;background:#0a0a0cf2;border-radius:12px;animation:.2s ease-out slideDown;position:absolute;top:calc(100% + 10px);left:0;right:0;overflow:hidden;box-shadow:0 20px 40px #000c}.suggestion-item{cursor:pointer;color:var(--text-muted);border-bottom:1px solid #ffffff08;align-items:center;gap:.5rem;padding:.9rem 1.2rem;font-size:.85rem;font-weight:500;transition:all .2s;display:flex}.suggestion-item:before{content:"▶";color:#0000;font-size:.6rem;transition:color .2s}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover{background:var(--color-primary-light);color:#fff;padding-left:1.5rem}.suggestion-item:hover:before{color:var(--color-primary)}.filter-bar{border-bottom:1px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;padding:1.5rem 0;display:flex}.category-tabs{gap:.6rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.cat-btn{border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;letter-spacing:.5px;background:#ffffff05;border-radius:8px;padding:.6rem 1.5rem;font-size:.85rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}.cat-btn:hover{border-color:var(--color-primary);color:#fff;background:#e11d480d}.cat-btn.active{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 15px var(--color-primary-glow);border-color:#0000}.quality-filter{position:relative}.quality-select{appearance:none;border:1px solid var(--border-color);color:#fff;cursor:pointer;background:#ffffff05;border-radius:8px;outline:none;padding:.6rem 2.5rem .6rem 1.2rem;font-size:.85rem;font-weight:600;transition:all .3s}.quality-select:focus,.quality-select:hover{border-color:var(--color-primary);background:#00000080}.quality-select option{background:var(--bg-body);color:#fff}.quality-filter:after{content:"▼";color:var(--text-muted);pointer-events:none;font-size:.7rem;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.main-content{flex-grow:1;padding-bottom:4rem}.status-panel{margin-bottom:1.5rem}.section-title{color:#fff;align-items:center;gap:.5rem;font-size:1.4rem;font-weight:800;display:flex}.section-title svg{color:var(--color-primary)}.video-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.8rem;display:grid}.video-card{border:1px solid var(--border-color);cursor:pointer;background:linear-gradient(#141419cc 0%,#0a0a0ce6 100%);border-radius:12px;flex-direction:column;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:hidden}.video-card:hover{border-color:var(--border-glow);box-shadow:0 20px 40px #000c, 0 0 20px var(--color-primary-glow);transform:translateY(-8px)scale(1.02)}.card-thumb{aspect-ratio:16/9;background:#000;position:relative;overflow:hidden}.card-thumb img{object-fit:cover;opacity:.9;width:100%;height:100%;transition:all .5s}.video-card:hover .card-thumb img{opacity:.4;transform:scale(1.1)}.card-thumb:after{content:"";pointer-events:none;background:linear-gradient(#0006 0%,#0000 50%,#000000e6 100%);position:absolute;inset:0}.badge-quality{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;z-index:2;background:#e11d48cc;border-radius:6px;padding:.3rem .6rem;font-size:.65rem;font-weight:900;position:absolute;top:.6rem;left:.6rem;box-shadow:0 4px 10px #00000080}.badge-duration{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2;background:#0009;border:1px solid #ffffff1a;border-radius:6px;padding:.3rem .5rem;font-family:JetBrains Mono,monospace;font-size:.7rem;font-weight:600;position:absolute;bottom:.6rem;right:.6rem}.card-info{z-index:2;flex-direction:column;flex-grow:1;padding:1.2rem;display:flex;position:relative}.card-title{-webkit-line-clamp:2;color:#e2e8f0;-webkit-box-orient:vertical;flex-grow:1;margin-bottom:1rem;font-size:.95rem;font-weight:700;line-height:1.5;transition:color .3s;display:-webkit-box;overflow:hidden}.video-card:hover .card-title{color:var(--color-primary)}.card-meta{color:var(--text-muted);border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding-top:.8rem;font-size:.75rem;font-weight:600;display:flex}.meta-item{align-items:center;gap:.4rem;display:flex}.meta-item svg{color:var(--color-primary);font-size:.85rem}.pagination{justify-content:center;gap:.5rem;margin-top:4rem;display:flex}.page-btn{border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;background:#ffffff05;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;font-weight:700;transition:all .3s;display:flex}.page-btn:hover:not(:disabled){border-color:var(--color-primary);color:#fff;background:#e11d481a;transform:translateY(-2px)}.page-btn.active{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 15px var(--color-primary-glow);border-color:#0000}.page-btn:disabled{opacity:.3;cursor:not-allowed}.loader{flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:5rem 0;display:flex}.loader svg{color:var(--color-primary);filter:drop-shadow(0 0 15px var(--color-primary-glow));font-size:3rem;animation:1.5s infinite pulse,2s ease-in-out infinite float}.loader-text{color:var(--text-muted);letter-spacing:2px;font-family:JetBrains Mono,monospace;font-size:.9rem}.footer{border-top:1px solid var(--border-color);text-align:center;background:#020202;margin-top:auto;padding:2.5rem 0}.footer p{color:var(--text-muted);letter-spacing:1px;font-size:.85rem;font-weight:500}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.9)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}