@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Inter:wght@300;400;500;600&display=swap";
:root{--bg-primary:#08080e;--bg-secondary:#0f0f1a;--bg-card:#12121f;--bg-glass:#12121fb3;--bg-hover:#ffffff0a;--accent-red:#e50914;--accent-purple:#7b2fbe;--accent-gradient:linear-gradient(135deg, #e50914 0%, #7b2fbe 100%);--accent-glow:#e509144d;--accent-glow-purple:#7b2fbe4d;--text-primary:#f1f1f1;--text-secondary:#a0a0b8;--text-muted:#5a5a7a;--text-white:#fff;--border-subtle:#ffffff0f;--border-hover:#ffffff1f;--font-display:"Outfit", sans-serif;--font-body:"Inter", sans-serif;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--radius-sm:6px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-card:0 4px 24px #0006;--shadow-glow:0 0 40px #e5091433;--shadow-hover:0 8px 40px #0009;--transition-fast:.15s ease;--transition-normal:.28s cubic-bezier(.4, 0, .2, 1);--transition-slow:.45s cubic-bezier(.4, 0, .2, 1);--container-max:1400px;--header-height:70px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.6;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}ul,ol{list-style:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--accent-purple);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--accent-red)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--text-white);font-weight:700;line-height:1.2}h1{font-size:clamp(2rem,5vw,3.5rem)}h2{font-size:clamp(1.5rem,3vw,2.25rem)}h3{font-size:clamp(1.125rem,2vw,1.5rem)}.text-gradient{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.container{width:100%;max-width:var(--container-max);padding:0 var(--space-xl);margin:0 auto}.main-content{padding-top:var(--header-height);min-height:100vh}.glass-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.btn{justify-content:center;align-items:center;gap:var(--space-sm);border-radius:var(--radius-full);font-family:var(--font-display);transition:all var(--transition-normal);cursor:pointer;white-space:nowrap;padding:.75rem 1.75rem;font-size:.9rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--accent-gradient);color:var(--text-white);box-shadow:0 4px 20px var(--accent-glow)}.btn-primary:hover{box-shadow:0 8px 30px var(--accent-glow);filter:brightness(1.1);transform:translateY(-2px)}.btn-secondary{color:var(--text-white);border:1px solid var(--border-hover);background:#ffffff14}.btn-secondary:hover{background:#ffffff24;border-color:#fff3;transform:translateY(-2px)}.btn-ghost{color:var(--text-secondary);border-radius:var(--radius-md);background:0 0;padding:.5rem 1rem}.btn-ghost:hover{color:var(--text-white);background:var(--bg-hover)}.btn-icon{border-radius:var(--radius-full);border:1px solid var(--border-subtle);width:42px;height:42px;color:var(--text-secondary);transition:all var(--transition-fast);background:#ffffff14;padding:0;font-size:1.1rem}.btn-icon:hover{color:var(--text-white);border-color:var(--border-hover);background:#ffffff24}.badge{border-radius:var(--radius-full);font-size:.72rem;font-weight:600;font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:.3rem;padding:.2rem .65rem;display:inline-flex}.badge-red{color:#ff4757;background:#e509142e}.badge-purple{color:#a855f7;background:#7b2fbe2e}.badge-green{color:#4ade80;background:#22c55e26}.badge-gold{color:#facc15;background:#eab30826}.badge-live{background:var(--accent-red);color:#fff;animation:2s infinite livePulse}@keyframes livePulse{0%,to{opacity:1}50%{opacity:.7}}.movie-card{border-radius:var(--radius-md);background:var(--bg-card);cursor:pointer;transition:transform var(--transition-normal), box-shadow var(--transition-normal);flex-shrink:0;position:relative;overflow:hidden}.movie-card:hover{box-shadow:var(--shadow-hover), 0 0 0 1px var(--border-hover);z-index:10;transform:translateY(-8px)scale(1.02)}.movie-card__poster{aspect-ratio:2/3;background:var(--bg-secondary);position:relative;overflow:hidden}.movie-card__poster img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow)}.movie-card:hover .movie-card__poster img{transform:scale(1.08)}.movie-card__overlay{opacity:0;transition:opacity var(--transition-normal);background:linear-gradient(#0000 0%,#08080e4d 50%,#08080ef2 100%);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.movie-card:hover .movie-card__overlay{opacity:1}.movie-card__play{background:var(--accent-gradient);border-radius:var(--radius-full);color:#fff;width:52px;height:52px;box-shadow:0 4px 20px var(--accent-glow);transition:transform var(--transition-normal);justify-content:center;align-items:center;font-size:1.3rem;display:flex;transform:scale(.8)}.movie-card:hover .movie-card__play{transform:scale(1)}.movie-card__rating{top:var(--space-sm);right:var(--space-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-size:.75rem;font-weight:700;font-family:var(--font-display);color:#facc15;background:#08080ed9;align-items:center;gap:3px;padding:.2rem .5rem;display:flex;position:absolute}.movie-card__info{padding:var(--space-sm) var(--space-md)}.movie-card__title{font-family:var(--font-display);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:.25rem;font-size:.9rem;font-weight:600;overflow:hidden}.movie-card__meta{color:var(--text-muted);gap:var(--space-sm);font-size:.78rem;display:flex}.movie-card__progress-bar-wrap{z-index:5;background:#fff3;height:4px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.movie-card__progress-bar{background:var(--accent-gradient);height:100%;box-shadow:0 0 6px var(--accent-purple)}.tv-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-lg);cursor:pointer;transition:all var(--transition-normal);align-items:center;gap:var(--space-md);text-align:center;flex-direction:column;display:flex}.tv-card:hover{border-color:var(--accent-purple);background:#7b2fbe14;transform:translateY(-4px);box-shadow:0 8px 30px #7b2fbe33}.tv-card__logo{border-radius:var(--radius-md);object-fit:contain;background:var(--bg-secondary);width:72px;height:72px;padding:8px}.tv-card__name{font-family:var(--font-display);color:var(--text-primary);font-size:.85rem;font-weight:600}.tv-card__country{color:var(--text-muted);font-size:.75rem}.section{padding:var(--space-3xl) 0}.section__header{margin-bottom:var(--space-xl);justify-content:space-between;align-items:center;gap:var(--space-md);display:flex}.section__title{font-family:var(--font-display);align-items:center;gap:var(--space-sm);font-size:1.5rem;font-weight:700;display:flex}.section__title:before{content:"";background:var(--accent-gradient);border-radius:var(--radius-full);flex-shrink:0;width:4px;height:1.5em;display:inline-block}.scroll-row{gap:var(--space-md);padding-bottom:var(--space-sm);scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:x mandatory;display:flex;overflow-x:auto}.scroll-row::-webkit-scrollbar{display:none}.scroll-row>*{scroll-snap-align:start}.movies-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(160px,1fr));display:grid}.tv-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));display:grid}.skeleton{background:linear-gradient(90deg, var(--bg-secondary) 25%, #ffffff0a 50%, var(--bg-secondary) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.6s infinite shimmer}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.input{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:100%;color:var(--text-white);font-family:var(--font-body);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;padding:.875rem 1.25rem;font-size:.95rem}.input::placeholder{color:var(--text-muted)}.input:focus{border-color:var(--accent-purple);box-shadow:0 0 0 3px #7b2fbe33}.player-wrapper{aspect-ratio:16/9;border-radius:var(--radius-lg);background:#000;width:100%;position:relative;overflow:hidden}.player-wrapper iframe,.player-wrapper video{border:none;width:100%;height:100%}.auth-gate{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:center;align-items:center;gap:var(--space-lg);border-radius:var(--radius-lg);text-align:center;padding:var(--space-xl);z-index:20;background:#08080ee0;flex-direction:column;display:flex;position:absolute;inset:0}.auth-gate__icon{opacity:.6;font-size:3rem}.auth-gate__title{font-family:var(--font-display);font-size:1.3rem;font-weight:700}.auth-gate__subtitle{color:var(--text-secondary);max-width:280px;font-size:.9rem}.rating{color:#facc15;font-weight:700;font-family:var(--font-display);align-items:center;gap:.25rem;display:flex}.tabs{background:var(--bg-card);border-radius:var(--radius-full);gap:.25rem;width:fit-content;padding:.25rem;display:flex}.tab{border-radius:var(--radius-full);font-size:.875rem;font-weight:600;font-family:var(--font-display);color:var(--text-secondary);transition:all var(--transition-fast);cursor:pointer;background:0 0;border:none;padding:.5rem 1.25rem}.tab.active{background:var(--accent-gradient);color:#fff;box-shadow:0 2px 10px var(--accent-glow)}.tab:not(.active):hover{color:var(--text-primary);background:var(--bg-hover)}@media (max-width:768px){.container{padding:0 var(--space-md)}.movies-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.tv-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.section{padding:var(--space-2xl) 0}.btn{padding:.65rem 1.25rem;font-size:.85rem}}@media (max-width:480px){.container{padding:0 var(--space-md)}.movies-grid{grid-template-columns:repeat(2,1fr)}.tv-grid{grid-template-columns:repeat(3,1fr)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .5s var(--transition-normal) both}.stagger>:first-child{animation-delay:50ms}.stagger>:nth-child(2){animation-delay:.1s}.stagger>:nth-child(3){animation-delay:.15s}.stagger>:nth-child(4){animation-delay:.2s}.stagger>:nth-child(5){animation-delay:.25s}.stagger>:nth-child(6){animation-delay:.3s}.stagger>:nth-child(n+7){animation-delay:.35s}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.font-display{font-family:var(--font-display)}.font-bold{font-weight:700}.truncate{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sr-only{clip:rect(0,0,0,0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}