:root{--primary:#0ea5e9;--primary-glow:#0ea5e966;--bg-dark:#09090b;--glass-bg:#18181bb3;--glass-border:#ffffff1a;--text-main:#f4f4f5;--text-muted:#a1a1aa}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);width:100vw;height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}#root{width:100%;height:100%}.player-wrapper{background:#000;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.player-wrapper,.player-wrapper>*{border-radius:0!important}.video-js{width:100%!important;height:100%!important;font-family:Inter,sans-serif!important}.video-js video{object-fit:cover!important}.video-js,.video-js *,.vjs-poster,.vjs-loading-spinner,.vjs-big-play-button{border-radius:0!important}.video-js .vjs-big-play-button{border-radius:50%!important}.video-js .vjs-control-bar{-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);z-index:10;border-radius:12px;align-items:center;box-shadow:0 20px 40px #0006;background:var(--glass-bg)!important;width:auto!important;height:70px!important;padding:0 20px!important;transition:all .4s cubic-bezier(.23,1,.32,1)!important;display:flex!important;bottom:24px!important;left:24px!important;right:24px!important}.video-js.vjs-user-inactive .vjs-control-bar{opacity:0;pointer-events:none;transform:translateY(20px)scale(.98)}.video-js .vjs-big-play-button{box-shadow:0 0 50px var(--primary-glow);opacity:.9;background:var(--primary)!important;border:none!important;border-radius:50%!important;width:90px!important;height:90px!important;margin-top:-45px!important;margin-left:-45px!important;line-height:90px!important;transition:all .3s cubic-bezier(.23,1,.32,1)!important}.video-js:hover .vjs-big-play-button{opacity:1;transform:scale(1.1)rotate(5deg)}.video-js .vjs-progress-control{width:calc(100% - 30px)!important;height:6px!important;position:absolute!important;top:-14px!important;left:15px!important;right:15px!important}.video-js .vjs-progress-holder{background:#ffffff1a!important;border-radius:3px!important;height:6px!important}.video-js .vjs-play-progress{background:linear-gradient(90deg, var(--primary), #a78bfa)!important;border-radius:3px!important}.video-js .vjs-play-progress:before{box-shadow:0 0 15px var(--primary);content:""!important;background:#fff!important;border-radius:50%!important;width:14px!important;height:14px!important;display:block!important;top:-4px!important;right:-7px!important}.video-js .vjs-volume-level{background:var(--primary)!important}.vjs-button:hover{color:var(--primary)!important}.player-header{z-index:5;pointer-events:none;background:linear-gradient(#000000b3 0%,#0000 100%);justify-content:space-between;align-items:center;padding:30px 40px;transition:opacity .4s;display:flex;position:absolute;top:0;left:0;right:0}.video-js.vjs-user-inactive~.player-header{opacity:0}.brand-logo{letter-spacing:-.5px;background:linear-gradient(135deg,#fff 0%,#a1a1aa 100%);-webkit-text-fill-color:transparent;cursor:default;-webkit-background-clip:text;align-items:center;gap:8px;font-size:24px;font-weight:700;transition:transform .3s;display:flex}.brand-logo:hover{transform:scale(1.05)}.brand-dot{background:var(--primary);width:8px;height:8px;box-shadow:0 0 10px var(--primary);border-radius:50%}.video-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:14px;font-weight:500}.player-overlay-vignette{pointer-events:none;z-index:1;background:radial-gradient(circle,#0000 0%,#0000004d 100%);position:absolute;inset:0}.landing-container{background:radial-gradient(circle at top right, #0ea5e926, transparent 40%), radial-gradient(circle at bottom left, #a78bfa26, transparent 40%), var(--bg-dark);flex-direction:column;justify-content:center;align-items:center;width:100vw;min-height:100vh;padding:20px;display:flex;position:relative;overflow:hidden}.landing-content{text-align:center;z-index:2;max-width:800px}.landing-title{letter-spacing:-2px;background:linear-gradient(135deg, #fff 0%, var(--primary) 50%, #a78bfa 100%);-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;margin-bottom:1rem;font-size:clamp(3rem,10vw,6rem);font-weight:800;animation:5s infinite title-gradient}.landing-subtitle{color:var(--text-muted);margin-bottom:3rem;font-size:clamp(1.1rem,3vw,1.5rem);font-weight:400;line-height:1.6}.landing-cta{justify-content:center;gap:1rem;display:flex}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 10px 20px var(--primary-glow);cursor:pointer;border:none;border-radius:100px;align-items:center;gap:10px;padding:14px 32px;font-weight:600;text-decoration:none;transition:all .3s;display:flex}.btn-primary:hover{box-shadow:0 15px 30px var(--primary-glow);background:#0284c7;transform:translateY(-2px)}.btn-secondary{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);color:var(--text-main);border:1px solid var(--glass-border);cursor:pointer;border-radius:100px;padding:14px 32px;font-weight:600;text-decoration:none;transition:all .3s}.btn-secondary:hover{background:#ffffff1a;border-color:#fff3}.floating-shapes{pointer-events:none;z-index:1;position:absolute;inset:0}.shape{filter:blur(60px);opacity:.3;border-radius:50%;animation:20s ease-in-out infinite float;position:absolute}.shape-1{background:var(--primary);width:300px;height:300px;top:10%;left:15%}.shape-2{background:#a78bfa;width:400px;height:400px;animation-delay:-5s;bottom:10%;right:15%}@keyframes title-gradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes float{0%,to{transform:translate(0)scale(1)}33%{transform:translate(30px,-50px)scale(1.1)}66%{transform:translate(-20px,40px)scale(.9)}}