:root{--bg-color:#050505;--bg-glass:#14141499;--bg-glass-hover:#282828cc;--text-primary:#fff;--text-secondary:#a0a0a0;--accent-color:#ff5c38;--focus-ring:0 0 0 4px #ff5c3880;--glass-border:1px solid #ffffff14;--glass-blur:blur(20px);--transition-speed:.25s}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif;overflow-x:hidden}::-webkit-scrollbar{display:none}:focus{outline:none}.focusable:focus{box-shadow:var(--focus-ring);border-color:var(--accent-color);z-index:10;transform:scale(1.05)}.focusable{transition:transform var(--transition-speed) cubic-bezier(.2, .8, .2, 1), box-shadow var(--transition-speed) ease, border-color var(--transition-speed) ease;will-change:transform}.app-container{width:100vw;height:100vh;display:flex;overflow:hidden}.sidebar{background:var(--bg-glass);width:280px;-webkit-backdrop-filter:var(--glass-blur);border-right:var(--glass-border);z-index:50;flex-direction:column;padding:2rem;display:flex}.sidebar-wrapper{height:100vh;transition:transform .4s cubic-bezier(.2,.8,.2,1) 1s;position:absolute;left:-280px}.sidebar-hitbox{z-index:49;width:50px;position:absolute;top:0;bottom:0;left:0}.sidebar-hitbox:hover+.sidebar-wrapper,.sidebar-wrapper:hover,.sidebar-wrapper:focus-within{transition-delay:0s;transform:translate(280px)}.brand{color:var(--accent-color);align-items:center;gap:1rem;margin-bottom:3rem;font-size:1.5rem;font-weight:700;display:flex}.nav-link{color:var(--text-secondary);border:2px solid #0000;border-radius:12px;align-items:center;gap:1rem;margin-bottom:.5rem;padding:1rem 1.25rem;font-weight:500;text-decoration:none;display:flex}.nav-link.active{color:var(--text-primary);background:#ffffff0d}.nav-link:focus,.nav-link:hover{color:var(--text-primary);background:var(--bg-glass-hover)}.content-area{scroll-behavior:smooth;flex:1;position:relative;overflow-y:auto}.hero{background-position:50%;background-size:cover;align-items:flex-end;width:100%;height:70vh;min-height:500px;padding:4rem;display:flex;position:relative}.hero:after{content:"";background:linear-gradient(to top, var(--bg-color) 0%, #05050500 100%), linear-gradient(to right, #050505cc 0%, #05050500 100%);position:absolute;inset:0}.hero-content{z-index:10;max-width:800px;position:relative}.hero-title{margin-bottom:1rem;font-size:3.5rem;font-weight:800;line-height:1.1}.hero-desc{color:var(--text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:2rem;font-size:1.25rem;display:-webkit-box;overflow:hidden}.btn{cursor:pointer;border:2px solid #0000;border-radius:12px;align-items:center;gap:.75rem;padding:1rem 2rem;font-size:1.1rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--text-primary);color:var(--bg-color)}.btn-primary:focus{background:var(--accent-color);color:#fff}.row{padding:2rem 4rem}.row-title{margin-bottom:1.5rem;font-size:1.25rem;font-weight:600}.cards-container{gap:1.5rem;padding-top:1rem;padding-bottom:2rem;display:flex;overflow-x:auto}.card{background:var(--bg-glass);aspect-ratio:2/3;cursor:pointer;border:2px solid #0000;border-radius:16px;flex:0 0 240px;position:relative;overflow:hidden}.card.landscape{aspect-ratio:16/9;flex:0 0 320px}.card img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-speed) ease}.card:focus img,.card:hover img{transform:scale(1.05)}.card-info{background:linear-gradient(#0000,#000000e6);padding:1.5rem 1rem 1rem;position:absolute;bottom:0;left:0;right:0}.card-title{white-space:nowrap;text-overflow:ellipsis;font-size:1rem;font-weight:600;overflow:hidden}.player-container{z-index:100;background:#000;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.player-container video{width:100%;height:100%}.player-close{z-index:110;background:var(--bg-glass);color:#fff;cursor:pointer;border:2px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:absolute;top:2rem;right:2rem}.live-player video::-webkit-media-controls-timeline{display:none!important}.live-player video::-webkit-media-controls-current-time-display{display:none!important}.live-player video::-webkit-media-controls-time-remaining-display{display:none!important}