@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg-color:#0d0f12;--surface-color:#1a1c22;--surface-color-light:#242730;--primary-red:#e50914;--text-primary:#fff;--text-secondary:#90949f;--border-color:#ffffff1a;--border-color-focus:#ffffff4d;--font-family:"Inter", sans-serif;--border-radius:12px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;justify-content:center;line-height:1.5;display:flex}#root{background-color:var(--bg-color);flex-direction:column;width:100%;max-width:480px;min-height:100vh;margin:0 auto;display:flex;position:relative;overflow-x:hidden;box-shadow:0 0 20px #00000080}@media (width>=768px){body{background-color:#000}#root{max-width:1200px;box-shadow:none;background-color:var(--bg-color);flex-direction:row}}a{color:inherit;text-decoration:none;transition:opacity .2s}a:hover{opacity:.8}button{cursor:pointer;font-family:var(--font-family);background:0 0;border:none;outline:none}input{font-family:var(--font-family);outline:none}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--surface-color-light);border-radius:4px}.category-chip{color:#fff;white-space:nowrap;cursor:pointer;background:#2d2d2d99;border:1px solid #ffffff1a;border-radius:20px;justify-content:center;align-items:center;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.category-chip:hover{background:var(--primary-red);border-color:var(--primary-red)}.button-primary{background-color:var(--primary-red);color:var(--text-primary);text-align:center;border-radius:30px;width:100%;padding:16px;font-size:16px;font-weight:600;transition:filter .2s,transform .1s}.button-primary:active{transform:scale(.98)}.button-primary:hover{filter:brightness(1.1)}.button-secondary{background-color:var(--surface-color-light);color:var(--text-primary);text-align:center;border-radius:30px;width:100%;padding:16px;font-size:16px;font-weight:600;transition:background-color .2s}.btn-my-list{-webkit-backdrop-filter:blur(10px);color:#fff;background:#ffffff1a;border:1px solid #ffffff1a;border-radius:30px;justify-content:center;align-items:center;gap:8px;width:100%;padding:16px;font-size:16px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.btn-my-list:hover{background:#fff3;transform:translateY(-2px)}.btn-my-list:active{transform:scale(.98)}.icon{width:24px;height:24px;color:var(--text-primary)}.flex-row{align-items:center;display:flex}.space-between{justify-content:space-between}.page-container{flex:1;width:100%;padding:0 0 90px;overflow-y:auto}@media (width>=768px){.page-container{padding:40px}}.header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.header-title{align-items:center;gap:12px;font-size:24px;font-weight:700;display:flex}.logo-icon{color:var(--primary-red);font-size:24px;font-weight:700}.card{background-color:var(--surface-color);border-radius:var(--border-radius);border:1px solid var(--border-color);padding:16px}@keyframes heroPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.hero-pulse{animation:10s ease-in-out infinite heroPulse}.hero-gradient{background:linear-gradient(to top, var(--bg-color) 0%, transparent 100%), linear-gradient(to bottom, #0009 0%, transparent 20%)}.wide-card{aspect-ratio:16/9;background-color:var(--surface-color);border-radius:12px;flex-shrink:0;width:240px;position:relative;overflow:hidden}.wide-card img{object-fit:cover;width:100%;height:100%}.card-overlay{background:linear-gradient(#0000 40%,#000c 100%);align-items:flex-end;padding:12px;display:flex;position:absolute;inset:0}.category-tile{aspect-ratio:1;background-color:var(--surface-color);border-radius:12px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.category-tile img{object-fit:cover;opacity:.5;filter:brightness(.6);width:100%;height:100%;position:absolute;inset:0}.category-tile span{z-index:1;text-shadow:0 2px 4px #000c;font-size:16px;font-weight:700;position:relative}.text-red{color:var(--primary-red)}.section-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.section-header h3{font-size:18px;font-weight:600}.see-all{color:var(--primary-red);cursor:pointer;font-size:12px;font-weight:500}.mobile-bottom-nav{z-index:1000;background-color:#000;border-top:1px solid #ffffff0d;justify-content:space-around;align-items:center;height:70px;padding:0 10px 15px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 40px #000c}.mobile-bottom-nav:after{content:"";background:#ffffff4d;border-radius:2px;width:120px;height:4px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.masonry-grid{column-count:2;column-gap:15px;width:100%}@media (width>=768px){.masonry-grid{column-count:3;column-gap:20px}}@media (width>=1024px){.masonry-grid{column-count:4}}.masonry-card{break-inside:avoid;cursor:pointer;margin-bottom:15px;transition:transform .2s cubic-bezier(.175,.885,.32,1.275);display:block}.masonry-card:hover{transform:scale(1.02)}.masonry-card img{border-radius:16px;width:100%;display:block;box-shadow:0 4px 15px #0000004d}.nav-link{color:#888;flex-direction:column;flex:1;align-items:center;gap:4px;transition:all .2s;display:flex}.nav-link.active{color:var(--primary-red)}.nav-label{text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:500}.nav-link.active .icon{filter:drop-shadow(0 0 8px #e5091466)}.splash-container{z-index:9999;background-color:#000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.splash-logo{object-fit:contain;filter:drop-shadow(0 0 20px #e5091466);width:120px;height:120px;animation:2.5s cubic-bezier(.4,0,.1,1) forwards netflixOpener}@keyframes netflixOpener{0%{opacity:0;filter:brightness(.5)blur(10px);transform:scale(.5)}20%{opacity:1;filter:brightness(1.2)blur()}80%{opacity:1;filter:brightness(1.5)drop-shadow(0 0 40px #e5091499);transform:scale(1.1)}to{opacity:0;filter:brightness(2);transform:scale(15)}}.fade-out{animation:.5s forwards fadeOut}@keyframes fadeOut{to{opacity:0;pointer-events:none}}.admin-layout{flex-direction:column;min-height:100vh;display:flex}@media (width>=1024px){.admin-layout{flex-direction:row}}.admin-sidebar{z-index:10001;background-color:#141414;width:280px;transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;bottom:0;left:-280px}.admin-sidebar.open{transform:translate(280px)}@media (width>=1024px){.admin-sidebar{width:260px;height:100vh;position:sticky;left:0}}.admin-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;opacity:0;pointer-events:none;background:#000000b3;transition:opacity .3s;position:fixed;inset:0}.admin-overlay.open{opacity:1;pointer-events:auto}.admin-grid-cols-2{grid-template-columns:1fr;gap:24px;display:grid}@media (width>=1024px){.admin-grid-cols-2{grid-template-columns:1fr 1fr}}.admin-grid-dashboard{grid-template-columns:1fr;gap:24px;display:grid}@media (width>=1200px){.admin-grid-dashboard{grid-template-columns:2fr 1fr}}.admin-table-wrapper{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.admin-table-wrapper table{min-width:600px}.admin-mobile-header{z-index:9999;background-color:#141414;border-bottom:1px solid #333;justify-content:space-between;align-items:center;padding:16px 20px;display:flex;position:sticky;top:0}@media (width>=1024px){.admin-mobile-header{display:none}.mobile-only-close{display:none!important}}@media (width<=1023px){.desktop-only-header{display:none!important}}.masonry-grid{columns:2;column-gap:8px}.masonry-card{break-inside:avoid;cursor:pointer;background:#1a1a1a;border-radius:12px;margin-bottom:8px;transition:transform .2s,opacity .2s;display:block;overflow:hidden}.masonry-card:hover{opacity:.92;transform:scale(1.02)}.masonry-card img{object-fit:cover;border-radius:12px;width:100%;display:block}.category-chip{color:#ddd;cursor:pointer;-webkit-user-select:none;user-select:none;background:#1f1f1f;border:1px solid #333;border-radius:20px;padding:8px 16px;font-size:13px;font-weight:500;transition:background .2s,color .2s,border-color .2s}.category-chip:hover,.category-chip:active{color:#fff;background:#e50914;border-color:#e50914}@keyframes pulse{0%,to{opacity:.4}50%{opacity:.8}}
