:root{--color-mint:#6bd9b6;--color-yellow:#fdd85d;--color-pink:#ff6b6b;--color-tan:#f0c39f;--bg-primary:#141414;--bg-secondary:transparent;--text-primary:#fff;--text-secondary:#e5e5e5;--transition-speed:.3s}:root[data-theme=light]{--bg-primary:#f0f4f8;--bg-secondary:#fff;--text-primary:#141414;--text-secondary:#333}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Inter,Helvetica Neue,Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;outline:none;font-family:inherit}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#333;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--color-mint)}.app-container{flex-direction:column;min-height:100vh;display:flex}.header{z-index:1000;width:100%;height:100px;transition:background-color var(--transition-speed) ease;background-color:#0000;background-image:linear-gradient(#000000b3 10%,#0000);position:fixed;top:0}:root[data-theme=light] .header{background-image:linear-gradient(#ffffffe6 10%,#0000)}.header-scrolled{background-color:var(--bg-primary);box-shadow:0 2px 10px #0000001a;background-image:none!important}.header-content{justify-content:space-between;align-items:center;height:100%;padding:0 4%;display:flex}.logo-container{cursor:pointer;z-index:1002;align-items:center;gap:8px;display:flex}.logo-img{object-fit:contain;width:auto;max-width:400px;height:80px}.header-nav ul{gap:20px;list-style:none;display:flex}.header-nav a{color:var(--text-secondary);font-size:.9rem;font-weight:500;transition:color .2s}.header-nav a:hover{color:var(--text-primary)}.header-actions{z-index:1002;align-items:center;gap:15px;display:flex}.theme-toggle{color:var(--text-primary);cursor:pointer;background:0 0;border:none;font-size:.9rem;font-weight:500;transition:transform .2s}.theme-toggle:hover{transform:scale(1.05)}.mobile-menu-btn{color:var(--text-primary);cursor:pointer;background:0 0;border:none;font-size:.9rem;font-weight:500;display:none}.nav-overlay{display:none}@media (width<=768px){.mobile-menu-btn{display:block}.header-nav{background-color:var(--bg-primary);z-index:1001;width:250px;height:100vh;padding-top:80px;transition:right .3s;position:fixed;top:0;right:-250px;box-shadow:-2px 0 10px #0003}.header-nav.nav-open{right:0}.header-nav ul{flex-direction:column;gap:30px;padding:0 30px}.header-nav a{font-size:1.2rem}.nav-overlay.open{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;width:100vw;height:100vh;display:block;position:fixed;top:0;left:0}}.hero-container{align-items:center;width:100%;height:80vh;min-height:500px;display:flex;position:relative;overflow:hidden}.hero-background{background:radial-gradient(circle at 70% 30%, #ace7d6 0%, var(--color-mint) 30%, #3a7a78 70%, var(--bg-primary) 100%);z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.hero-vignette{background:linear-gradient(to top, var(--bg-primary) 0%, transparent 100%);z-index:2;width:100%;height:50%;position:absolute;bottom:0;left:0}.hero-content{z-index:3;width:50%;margin-top:50px;padding-left:4%;position:relative}.hero-title{color:var(--text-primary);text-shadow:2px 2px 4px #00000080;margin-bottom:20px;font-size:4rem;font-weight:900;line-height:1.1}.hero-description{color:var(--text-primary);text-shadow:1px 1px 2px #00000080;max-width:600px;margin-bottom:30px;font-size:1.4rem;font-weight:400}.hero-buttons{gap:15px;display:flex}.btn{border-radius:4px;justify-content:center;align-items:center;gap:10px;padding:.8rem 1.8rem;font-size:1.2rem;font-weight:700;transition:all .2s;display:flex}.btn-play{background-color:var(--color-yellow);color:#000}.btn-play:hover{background-color:#e5c353;transform:scale(1.05)}.btn-info{color:#fff;background-color:#6d6d6eb3}.btn-info:hover{background-color:#6d6d6ee6;transform:scale(1.05)}@media (width<=768px){.hero-container{height:70vh;min-height:400px}.hero-content{width:90%;margin-top:60px;padding-left:5%}.hero-title{font-size:2.2rem}.hero-description{margin-bottom:20px;font-size:1.1rem}.btn{padding:.6rem 1.2rem;font-size:1rem}}.row-container{margin:3vw 0;padding-left:4%;position:relative}.row-title{color:var(--text-primary);min-width:100px;margin-bottom:.5em;font-size:1.5vw;font-weight:700}.row-wrapper{position:relative}.row-posters{scrollbar-width:none;padding:20px 0;display:flex;overflow:scroll hidden}.row-posters::-webkit-scrollbar{display:none}.video-card{cursor:pointer;height:160px;transition:transform var(--transition-speed);border-radius:6px;flex:0 0 280px;margin-right:15px;position:relative}.video-card:hover{z-index:10;transform:scale(1.1)}.video-thumbnail{border-radius:6px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 8px #0000004d}.play-button-overlay{color:#fff;opacity:.7;z-index:2;font-size:3rem;transition:opacity .2s}.play-button-overlay{color:#fff;opacity:0;z-index:2;background:#0006;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .2s;display:flex;position:absolute;top:0;left:0}.video-card:hover .play-button-overlay{opacity:1}.video-overlay-title{color:#fff;text-shadow:1px 1px 3px #000c;z-index:2;font-size:1.1rem;font-weight:700;position:absolute;bottom:10px;left:10px;right:10px}.slider-arrow{width:4%;color:var(--text-primary);z-index:9;opacity:0;background:0 0;justify-content:center;align-items:center;font-size:2vw;font-weight:700;transition:all .2s;display:flex;position:absolute;top:0;bottom:0}.row-wrapper:hover .slider-arrow{opacity:1}.slider-arrow:hover{background:#96969633;transform:scale(1.1)}.slider-arrow.left{left:-4%}.slider-arrow.right{right:0}@media (width<=768px){.row-title{padding-left:2%;font-size:1.5rem}.row-container{padding-left:2%}.row-posters{padding:10px 0}.video-card{flex:0 0 240px;height:135px;margin-right:10px}.slider-arrow{display:none}}.modal-overlay{z-index:2000;background-color:#000000e6;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.3s fadeIn;display:flex;position:fixed;top:0;left:0}.modal-content{background-color:#000;border-radius:8px;width:80%;max-width:1000px;animation:.3s scaleUp;position:relative;box-shadow:0 10px 30px #000c}.modal-close{color:#fff;cursor:pointer;background:0 0;border:none;font-size:3rem;font-weight:300;transition:color .2s;position:absolute;top:-40px;right:-40px}.modal-close:hover{color:var(--color-pink)}.video-responsive{border-radius:8px;height:0;padding-bottom:56.25%;position:relative;overflow:hidden}.video-responsive iframe{border-radius:8px;width:100%;height:100%;position:absolute;top:0;left:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (width<=768px){.modal-content{width:95%}.modal-close{top:-50px;right:0}}