@property --hue{syntax:"<number>";inherits:true;initial-value:0}@keyframes hue-animation{0%{--hue:0}to{--hue:360}}.glow-card{position:relative;width:100%;height:100%}.glow-card-border{position:absolute;inset:0;border-radius:24px;padding:2px;background:conic-gradient(from calc(var(--hue) * 1deg),transparent 0,hsl(calc(var(--hue) + 45),100%,70%) 5%,hsl(var(--hue),100%,70%) 10%,transparent 15%);animation:hue-animation 4s linear infinite;z-index:0;filter:blur(8px);opacity:var(--glow-opacity,0)}.glow-card-content{position:relative;z-index:1;width:100%;height:100%;border-radius:22px;background-color:hsl(260deg 100% 3%);overflow:hidden}@keyframes electric-fringe{0%{box-shadow:0 0 10px 2px var(--glow-color-1),0 0 5px 1px var(--glow-color-2) inset,-2px 0 15px 0 var(--glow-color-3),2px 0 15px 0 var(--glow-color-4)}25%{box-shadow:0 0 12px 3px var(--glow-color-1),0 0 6px 2px var(--glow-color-2) inset,-3px 0 18px 0 var(--glow-color-3),3px 0 18px 0 var(--glow-color-4)}50%{box-shadow:0 0 10px 2px var(--glow-color-1),0 0 5px 1px var(--glow-color-2) inset,2px 0 15px 0 var(--glow-color-3),-2px 0 15px 0 var(--glow-color-4)}75%{box-shadow:0 0 14px 4px var(--glow-color-1),0 0 7px 2px var(--glow-color-2) inset,3px 0 20px 0 var(--glow-color-3),-3px 0 20px 0 var(--glow-color-4)}to{box-shadow:0 0 10px 2px var(--glow-color-1),0 0 5px 1px var(--glow-color-2) inset,-2px 0 15px 0 var(--glow-color-3),2px 0 15px 0 var(--glow-color-4)}}.electric-card{position:relative;border-radius:1.5rem}.electric-card:after,.electric-card:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none}.electric-card:before{border:1px solid var(--border-color);box-shadow:0 0 5px 1px var(--box-shadow-color);z-index:1}.electric-card:after{animation:electric-fringe 2s linear infinite;filter:blur(10px);z-index:0}.custom-video-player-container{position:relative;width:100%;height:100%;overflow:hidden;background-color:#000}.video-element{width:100%;height:100%;object-fit:cover}.preview-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:rgba(0,0,0,.5);opacity:1;transition:opacity .3s ease-in-out}.preview-overlay.hidden{opacity:0;pointer-events:none}.play-button-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.5);border:2px solid white;border-radius:50%;width:64px;height:64px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:white}.play-button-center:hover{background:rgba(229,9,20,.8)}.title-overlay{position:absolute;top:1.5rem;left:1.5rem;color:white;text-shadow:1px 1px 3px rgba(0,0,0,.7);pointer-events:none}.title-description{font-size:.875rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;opacity:.8}.title-main{font-size:1.5rem;font-weight:700}.logo-overlay{top:1.5rem;right:1.5rem;width:80px;height:auto}.controls-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(0deg,rgba(0,0,0,.7),transparent);opacity:0;transition:opacity .3s ease-in-out;padding:1rem}.controls-overlay.active{opacity:1}.timeline-container{width:100%;height:5px;background-color:rgba(255,255,255,.3);cursor:pointer;position:relative;border-radius:2.5px}.timeline-progress{height:100%;background-color:#e50914;border-radius:2.5px;position:relative}.timeline-knob{position:absolute;top:50%;transform:translateY(-50%);width:14px;height:14px;background-color:#e50914;border-radius:50%;margin-left:-7px}.controls-main{display:flex;justify-content:space-between;align-items:center;margin-top:.75rem;color:#fff}.controls-left,.controls-right{display:flex;align-items:center;gap:1rem}.controls-main button{background:none;border:none;color:inherit;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;transition:transform .1s ease}.controls-main button:hover{transform:scale(1.1)}.bottom-chat-bar{position:relative;transition:width .4s cubic-bezier(.25,1,.5,1),height .4s cubic-bezier(.25,1,.5,1),background-color .4s ease,box-shadow .4s ease,border-radius .4s ease;height:80px;width:80px;border-radius:9999px;background-color:transparent;box-shadow:none}.bottom-chat-bar.is-open{width:320px;height:50px;border-radius:9999px;background-color:#1a1a1a;box-shadow:0 0 15px rgba(0,0,0,.5),inset 0 1px 1px rgba(255,255,255,.1)}.bottom-chat-bar:before{content:"";position:absolute;inset:-1px;border-radius:9999px;background:conic-gradient(from var(--angle,0deg),#a855f7,#3b82f6,#22d3ee,#a855f7);filter:blur(10px);animation:spin 5s linear infinite;z-index:-1;opacity:0;transition:opacity .5s ease}.bottom-chat-bar.is-open:before{opacity:1}@keyframes spin{0%{--angle:0deg}to{--angle:360deg}}.orb-container{position:relative;width:80px;height:80px;cursor:pointer;transition:width .4s cubic-bezier(.25,1,.5,1),height .4s cubic-bezier(.25,1,.5,1)}.bottom-chat-bar.is-open .orb-container{width:64px;height:64px}#lottie-orb{width:100%;height:100%}.logo-overlay{position:absolute;top:50%;left:50%;width:40%;height:40%;transform:translate(-50%,-50%);pointer-events:none;transition:transform .3s ease,filter .3s ease}.orb-container:hover .logo-overlay{transform:translate(-50%,-50%) scale(1.1);filter:drop-shadow(0 0 8px white)}.orb-container.clicked .logo-overlay{animation:clickFlash .4s ease}@keyframes clickFlash{0%{filter:drop-shadow(0 0 8px white)}50%{filter:drop-shadow(0 0 16px #00f2ff)}to{filter:drop-shadow(0 0 8px white)}}.logo-overlay .cls-1{fill:none;stroke:white;stroke-miterlimit:10;stroke-width:10px}