:root{--accent-color:var(--accent-primary);--hover-glow:var(--glow-primary);background-color:var(--bg-primary);color:var(--text-primary)}body{background-color:inherit;color:inherit;padding-top:70px;padding-bottom:80px;font-family:Inter,sans-serif;margin:0;background-image:linear-gradient(to bottom,rgba(7,6,10,.9) 0,var(--bg-primary) 100%)}@media (max-width:991px){body{padding-top:0;padding-bottom:80px}}.main-container{padding-top:1rem}@media (max-width:991px){.main-container{padding-top:1rem}}.page-hero{padding:40px 30px;background:var(--gradient-hero);border-radius:20px;border:1px solid rgba(157,26,219,.15);margin-bottom:30px;position:relative;overflow:hidden}.page-hero::after{content:'';position:absolute;top:-50%;right:-20%;width:300px;height:300px;background:radial-gradient(circle,rgba(157,26,219,.1) 0,transparent 70%);animation:pulseGlow 4s infinite}@keyframes pulseGlow{0%,100%{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.page-hero-title{font-family:Orbitron,sans-serif;font-size:2.2rem;font-weight:700;background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px}.page-hero-subtitle{color:var(--text-secondary);font-size:1.1rem;font-weight:400}@media (max-width:768px){.page-hero{padding:25px 20px;margin-bottom:20px}.page-hero-title{font-size:1.6rem}.page-hero-subtitle{font-size:.95rem}}.card{background:var(--bg-card);border:1px solid rgba(157,26,219,.15);border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.2);transition:all .3s cubic-bezier(.175, .885, .32, 1.275);overflow:hidden;height:100%;cursor:pointer}.card:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--glow-primary);border-color:var(--accent-primary)}.card-img-container{position:relative;padding-top:150%;overflow:hidden;background:var(--bg-primary)}.card-img-top{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.card:hover .card-img-top{transform:scale(1.05)}.card-body{padding:.75rem}.card-title{color:var(--text-primary);font-family:Inter,sans-serif;font-size:clamp(.8rem, 1.5vw, .9rem);font-weight:600;line-height:1.3;margin-bottom:.25rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.rating-badge{position:absolute;bottom:8px;right:8px;background:var(--accent-primary);color:#fff;padding:4px 10px;border-radius:16px;font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:.75rem;backdrop-filter:blur(4px);box-shadow:0 0 15px rgba(157,26,219,.3);display:flex;align-items:center;gap:4px;z-index:2}.rating-badge i{color:gold;font-size:.7rem}.rating-high,.rating-low,.rating-medium{background:var(--accent-primary)!important;color:#fff!important}.card:hover .rating-badge{transform:scale(1.05);box-shadow:0 0 20px rgba(157,26,219,.5)}a.card-link,a.card-link:hover{text-decoration:none;color:inherit}@media (max-width:768px){.card-title{font-size:.85rem}}@media (max-width:576px){.card-title{font-size:.8rem;-webkit-line-clamp:1;min-height:1.2em}}.content-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.5rem;margin:1.5rem 0}@media (max-width:576px){.content-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem;margin:1rem 0}}.filters-section{background:var(--bg-secondary);border:1px solid rgba(157,26,219,.1);box-shadow:0 8px 32px rgba(157,26,219,.08);padding:1.5rem;border-radius:16px;margin-bottom:2rem;overflow:visible;position:relative;z-index:5}.filter-controls{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap;overflow:visible}.filter-pill{position:relative;background:var(--bg-card);border:1px solid rgba(157,26,219,.15);color:var(--text-secondary);padding:.75rem 1.25rem;border-radius:24px;font-family:'Space Grotesk',sans-serif;font-weight:500;transition:all .3s ease;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-size:.9rem;z-index:10}.filter-pill:hover{border-color:var(--accent-primary);box-shadow:0 0 20px rgba(157,26,219,.15);transform:translateY(-2px)}.filter-pill.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;box-shadow:var(--glow-primary)}.filter-pill.open{z-index:99998!important}.filter-pill i{font-size:1rem;opacity:.8}.filter-pill .dropdown-arrow{margin-left:.5rem;transition:transform .3s ease}.filter-pill.open .dropdown-arrow{transform:rotate(180deg)}.filter-button{background:var(--bg-card);border:1px solid rgba(157,26,219,.15);border-radius:24px;padding:.5rem 1rem;margin:.25rem;font-size:.9rem;font-weight:500;transition:all .3s ease;color:var(--text-secondary);cursor:pointer}.filter-button:hover{transform:translateY(-2px);border-color:var(--accent-primary);box-shadow:0 0 15px rgba(157,26,219,.15)}.filter-button.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;box-shadow:var(--glow-primary)}@media (max-width:576px){.filter-button{padding:.4rem .8rem;font-size:.8rem;margin:.15rem}}.genre-section{margin-top:1rem}.genre-chips-container{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.75rem}.genre-chip{background:var(--bg-tertiary);border:1px solid rgba(157,26,219,.1);color:var(--text-secondary);padding:.5rem 1rem;border-radius:20px;font-family:'Space Grotesk',sans-serif;font-size:.85rem;transition:all .3s ease;cursor:pointer}.genre-chip:hover{border-color:var(--accent-primary);box-shadow:0 0 15px rgba(157,26,219,.12);transform:translateY(-2px)}.genre-chip.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;box-shadow:0 0 20px rgba(157,26,219,.3)}.genre-chip.active::before{content:'●';margin-right:.5rem;font-size:.7rem}.more-genres-chip{background:rgba(157,26,219,.1);border-color:rgba(157,26,219,.3);color:var(--accent-primary)}.network-filter{display:flex;flex-wrap:wrap;gap:.5rem}.network-badge{background:var(--bg-card);border:1px solid rgba(157,26,219,.15);border-radius:20px;padding:.5rem 1rem;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .3s ease;color:var(--text-secondary)}.network-badge:hover{transform:translateY(-2px) scale(1.02);border-color:var(--accent-primary);box-shadow:0 0 15px rgba(157,26,219,.12)}.network-badge.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;box-shadow:0 0 20px rgba(157,26,219,.3)}.genre-chip.active::before,.network-badge.active::before{content:'●';margin-right:.5rem;font-size:.7rem}@media (max-width:576px){.network-badge{padding:.4rem .8rem;font-size:.8rem}}.mobile-filter-toggle{display:none;background:var(--bg-secondary);border:1px solid rgba(157,26,219,.15);border-radius:24px;padding:.75rem 1.25rem;color:var(--text-secondary);font-weight:500;cursor:pointer;transition:all .3s ease;margin-bottom:1rem;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.mobile-filter-toggle:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(157,26,219,.2)}.mobile-filter-toggle .filter-count{display:inline-block;background:var(--accent-primary);color:#fff;border-radius:12px;padding:.2rem .5rem;font-size:.75rem;margin-left:.5rem;min-width:1.5rem;text-align:center}.mobile-filters-content{display:none;animation:slideDown .3s ease-out}.mobile-filters-content.show{display:block}@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.filters-section{padding:1rem}.filter-controls{display:none}.mobile-filter-toggle{display:flex;align-items:center;justify-content:space-between}.mobile-filters-content .filter-pill{width:100%;margin-bottom:.75rem;justify-content:space-between}.genre-chips-container{gap:.5rem}.genre-chip{font-size:.8rem;padding:.4rem .8rem}.mobile-apply-btn{background:var(--accent-primary);color:#fff;border:none;border-radius:24px;padding:.75rem 2rem;font-weight:600;margin-top:1rem;width:100%;cursor:pointer;transition:all .3s ease;box-shadow:var(--glow-primary)}.mobile-apply-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(157,26,219,.3)}}.filter-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--bg-card);border:1px solid rgba(157,26,219,.2);border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.6)!important;max-height:300px;overflow-y:auto;margin-top:.5rem;z-index:99999!important;opacity:0;transform:translateY(-10px);transition:all .3s cubic-bezier(.25, .46, .45, .94);pointer-events:none;backdrop-filter:none;-webkit-backdrop-filter:none}.filter-dropdown.show{opacity:1!important;transform:translateY(0)!important;pointer-events:all!important;display:block!important}.filter-dropdown::-webkit-scrollbar{width:6px}.filter-dropdown::-webkit-scrollbar-track{background:0 0}.filter-dropdown::-webkit-scrollbar-thumb{background:rgba(157,26,219,.2);border-radius:3px}.filter-dropdown::-webkit-scrollbar-thumb:hover{background:rgba(157,26,219,.4)}.filter-dropdown-item{padding:.75rem 1rem;color:var(--text-secondary);transition:all .2s ease;cursor:pointer}.filter-dropdown-item:hover{background:rgba(157,26,219,.1);color:var(--text-primary)}.filter-dropdown-item.active{background:var(--accent-primary);color:#fff}.form-select{background:var(--bg-card);border:1px solid rgba(157,26,219,.15);border-radius:12px;padding:.75rem;color:var(--text-secondary);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .3s ease}.form-select:focus{border-color:var(--accent-primary);box-shadow:var(--glow-primary);outline:0}.form-control{background:var(--bg-card);border:1px solid rgba(157,26,219,.15);border-radius:12px;color:var(--text-secondary);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .3s ease}.form-control:focus{background:var(--bg-card);border-color:var(--accent-primary);box-shadow:var(--glow-primary);color:var(--text-primary)}.pagination{justify-content:center;margin:2rem 0;gap:.25rem}.pagination .page-link{background:var(--bg-card);border:1px solid rgba(157,26,219,.15);color:var(--text-secondary);padding:.5rem 1rem;border-radius:8px;transition:all .3s ease;font-family:'Space Grotesk',sans-serif}.pagination .page-link:hover{background:var(--bg-tertiary);border-color:var(--accent-primary);color:var(--text-primary);box-shadow:0 0 15px rgba(157,26,219,.15);transform:translateY(-2px)}.pagination .page-item.active .page-link{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;box-shadow:var(--glow-primary)}@media (max-width:768px){.pagination{flex-wrap:wrap}.pagination .page-item:not(.active):not(.previous):not(.next):not(.first):not(.last){display:none}}.spinner{width:40px;height:40px;border:4px solid rgba(157,26,219,.15);border-radius:50%;border-top-color:var(--accent-primary);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:3rem 2rem;color:var(--text-secondary);opacity:1}.empty-state i{color:var(--accent-primary);font-size:3rem;margin-bottom:1rem}.empty-state h3{font-family:Orbitron,sans-serif;color:var(--text-primary);font-size:1.5rem;margin-bottom:.5rem}.empty-state p{color:var(--text-secondary);font-size:1rem;margin-bottom:1.5rem}.empty-state-message{font-size:1.1rem;font-weight:500}.section-title{font-family:Orbitron,sans-serif;font-weight:600;background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.02em;margin-bottom:1.5rem}.section-label{color:var(--text-secondary);font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:.9rem;margin-bottom:.75rem;opacity:.9}.site-footer{margin-top:3rem;padding:1.5rem 0;border-top:1px solid rgba(157,26,219,.15);text-align:center;background:var(--bg-secondary)}.site-footer .footer-brand{font-family:Orbitron,sans-serif;font-weight:700;background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:1.1rem;display:inline-block}.site-footer .footer-tagline{color:var(--text-muted);font-family:'Space Grotesk',sans-serif;font-size:.8rem;margin-top:4px;letter-spacing:.03em}.site-footer .footer-divider{width:40px;height:2px;background:var(--gradient-accent);margin:8px auto;border-radius:2px}