:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:Space Grotesk,sans-serif}:root{--primary: #ff6b35;--primary-dark: #e55a2b;--primary-light: #ff8c5a;--secondary: #f5a623;--secondary-dark: #d4911f;--accent: #ff6b35;--bg: #0a0a0f;--bg-elevated: #12121a;--surface: #16161d;--surface-hover: #1c1c24;--surface-active: #22222c;--text: #f5f5f7;--text-secondary: #c4c4c8;--text-muted: #8a8a8e;--text-subtle: #5a5a5e;--success: #22c55e;--success-bg: rgba(34, 197, 94, .15);--error: #ef4444;--error-bg: rgba(239, 68, 68, .15);--warning: #f59e0b;--border: rgba(255, 255, 255, .08);--border-light: rgba(255, 255, 255, .04);--border-accent: rgba(255, 107, 53, .3);--glow-primary: rgba(255, 107, 53, .4);--glow-secondary: rgba(245, 166, 35, .3);--shadow-card: 0 4px 24px rgba(0, 0, 0, .4);--shadow-elevated: 0 8px 40px rgba(0, 0, 0, .5);--glass-bg: rgba(22, 22, 29, .8);--glass-border: rgba(255, 255, 255, .06);--gradient-primary: linear-gradient(135deg, #ff6b35 0%, #f5a623 100%);--gradient-card: linear-gradient(180deg, rgba(255, 107, 53, .08) 0%, transparent 100%);--gradient-radial: radial-gradient(circle at 30% 20%, rgba(255, 107, 53, .15) 0%, transparent 50%);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:Space Grotesk,sans-serif;font-weight:700;line-height:1.2;color:var(--text)}a{color:inherit;text-decoration:none}.app{min-height:100vh;display:flex;flex-direction:column;background:var(--bg);position:relative}.app:before{content:"";position:fixed;inset:0;background:var(--gradient-radial);pointer-events:none;z-index:0}.header{position:relative;z-index:10;text-align:center;padding:3rem 2rem 2rem;background:linear-gradient(180deg,var(--surface) 0%,transparent 100%);border-bottom:1px solid var(--border-light)}.header h1{font-size:2.75rem;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem;letter-spacing:-.02em}.header p{color:var(--text-muted);font-size:1.1rem}.main{flex:1;display:flex;flex-direction:column;align-items:center;padding:2.5rem 2rem;max-width:900px;margin:0 auto;width:100%;position:relative;z-index:1}.dropzone{width:100%;padding:4rem 2rem;border:2px dashed var(--border);border-radius:var(--radius-xl);text-align:center;cursor:pointer;transition:all var(--transition-normal);background:var(--surface);position:relative;overflow:hidden}.dropzone:before{content:"";position:absolute;inset:0;background:var(--gradient-card);opacity:0;transition:opacity var(--transition-normal)}.dropzone:hover{border-color:var(--primary);background:var(--surface-hover)}.dropzone:hover:before{opacity:1}.dropzone.has-file{border-color:var(--success);border-style:solid;background:var(--success-bg)}.upload-icon,.file-icon{font-size:4rem;display:block;margin-bottom:1rem;position:relative;z-index:1}.dropzone p{color:var(--text-muted);margin-bottom:.5rem;position:relative;z-index:1}.or{font-size:.9rem;margin:1.25rem 0;color:var(--text-subtle);position:relative;z-index:1}.file-info{display:flex;flex-direction:column;align-items:center;gap:.75rem;position:relative;z-index:1}.file-info p{color:var(--text);font-weight:600}.file-size{font-size:.9rem;color:var(--text-muted)!important;font-weight:400!important}.btn{padding:.875rem 1.75rem;border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:600;font-family:Inter,sans-serif;cursor:pointer;transition:all var(--transition-normal);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;position:relative;overflow:hidden}.btn.primary{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 20px var(--glow-primary)}.btn.primary:hover{transform:translateY(-3px);box-shadow:0 8px 30px var(--glow-primary)}.btn.primary:active{transform:translateY(-1px)}.btn.secondary{background:var(--surface);color:var(--text);border:1px solid var(--border)}.btn.secondary:hover{background:var(--surface-hover);border-color:var(--primary);color:var(--primary)}.btn.large{padding:1.125rem 2.5rem;font-size:1.1rem;margin-top:2rem;border-radius:var(--radius-lg)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.stage-selection{width:100%;text-align:center}.stage-selection h2{margin-bottom:2rem;font-size:1.75rem;color:var(--text)}.stages{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1.25rem;margin-bottom:1.5rem}.stage-option{display:flex;flex-direction:column;align-items:center;padding:1.75rem 1.25rem;background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal);position:relative;overflow:hidden}.stage-option:before{content:"";position:absolute;inset:0;background:var(--gradient-card);opacity:0;transition:opacity var(--transition-normal)}.stage-option:hover{border-color:var(--primary);transform:translateY(-2px)}.stage-option:hover:before{opacity:1}.stage-option.active{border-color:var(--primary);background:#ff6b351a;box-shadow:0 0 20px var(--glow-primary)}.stage-option.active:before{opacity:1}.stage-option input{display:none}.stage-icon{font-size:2.75rem;margin-bottom:.75rem;position:relative;z-index:1}.stage-name{font-weight:600;text-transform:capitalize;color:var(--text);position:relative;z-index:1}.processing{text-align:center;padding:3rem;background:var(--surface);border-radius:var(--radius-xl);border:1px solid var(--border);width:100%;max-width:550px;position:relative;overflow:hidden}.processing:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary)}.processing-header{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem}.processing-header h3{font-size:1.5rem;color:var(--text);margin:0}.spinner{width:56px;height:56px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1.25rem}.progress-container{margin-bottom:2rem}.progress-bar{height:8px;background:var(--surface-active);border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;background:var(--gradient-primary);border-radius:var(--radius-full);animation:progress-indeterminate 1.8s ease-in-out infinite}@keyframes progress-indeterminate{0%{width:0%;margin-left:0%}50%{width:50%;margin-left:25%}to{width:0%;margin-left:100%}}.processing-stages{margin-bottom:1.5rem}.processing-status{font-size:1rem;color:var(--text);margin-bottom:1.25rem}.stage-pipeline{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.75rem}.pipeline-stage{display:inline-flex;align-items:center;gap:.75rem}.stage-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;background:#ff6b3526;border:1px solid var(--border-accent);border-radius:var(--radius-full);font-size:.9rem;font-weight:500;text-transform:capitalize;color:var(--primary-light)}.pipeline-arrow{color:var(--primary);font-size:1.25rem;animation:pulse-arrow 1s ease-in-out infinite}@keyframes pulse-arrow{0%,to{opacity:.3}50%{opacity:1}}.status-text{color:var(--text-muted);font-size:.9rem}.results{width:100%;text-align:center}.results h2{color:var(--success);margin-bottom:2rem;font-size:1.75rem}.video-preview{margin-bottom:2rem;border-radius:var(--radius-xl);overflow:hidden;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-card)}.video-preview video{width:100%;max-height:500px;object-fit:contain;background:#000}.result-actions{display:flex;gap:1.25rem;justify-content:center;flex-wrap:wrap}.error{background:var(--error-bg);border:1px solid var(--error);border-radius:var(--radius-lg);padding:1.25rem 1.5rem;display:flex;align-items:flex-start;justify-content:space-between;gap:1.25rem;width:100%;margin-top:1.5rem}.error-content{flex:1;min-width:0}.error-title{color:var(--error);font-weight:600;margin-bottom:.75rem;font-size:1.05rem}.error-message{color:#fca5a5;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.85rem;white-space:pre-wrap;word-wrap:break-word;overflow-x:auto;margin:0;padding:1rem;background:#0000004d;border-radius:var(--radius-sm);max-height:300px;overflow-y:auto}.error p{color:var(--error)}.footer{position:relative;z-index:1;text-align:center;padding:2.5rem 2rem;color:var(--text-muted);font-size:.9rem;border-top:1px solid var(--border-light);background:linear-gradient(180deg,transparent 0%,var(--surface) 100%)}@media(max-width:768px){.header{padding:2rem 1.5rem}.header h1{font-size:2rem}.main{padding:2rem 1.5rem}.dropzone{padding:3rem 1.5rem}.stages{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.header h1{font-size:1.75rem}.stages{grid-template-columns:1fr}.result-actions{flex-direction:column}.btn.large{width:100%}.processing{padding:2rem 1.5rem}}.landing{min-height:100vh;background:var(--bg);position:relative;overflow-x:hidden}.bg-animation{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}.orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.25;animation:float 25s ease-in-out infinite}.orb-1{width:700px;height:700px;background:radial-gradient(circle,rgba(255,107,53,.6) 0%,transparent 70%);top:-250px;right:-200px;animation-delay:0s}.orb-2{width:500px;height:500px;background:radial-gradient(circle,rgba(245,166,35,.5) 0%,transparent 70%);bottom:-150px;left:-150px;animation-delay:-8s}.orb-3{width:350px;height:350px;background:radial-gradient(circle,rgba(255,107,53,.4) 0%,transparent 70%);top:50%;left:40%;animation-delay:-16s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(40px,-60px) scale(1.08)}66%{transform:translate(-30px,40px) scale(.95)}}.grid-pattern{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:60px 60px;opacity:.5}.stats-ticker{position:fixed;top:0;left:0;right:0;z-index:100;background:#0a0a0fe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);padding:.75rem 0;overflow:hidden}.ticker-content{display:flex;animation:ticker 30s linear infinite;white-space:nowrap}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}.ticker-item{color:var(--text-secondary);font-size:.9rem;font-weight:500;padding:0 1.5rem}.ticker-divider{color:var(--text-subtle);padding:0 .5rem}.hero{position:relative;z-index:1;min-height:100vh;display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;padding:8rem 6rem 6rem;max-width:1500px;margin:0 auto}.hero-content{display:flex;flex-direction:column;gap:1.75rem}.hero-badge{display:inline-flex;align-items:center;gap:.75rem;padding:.625rem 1.25rem;background:#ff6b351a;border:1px solid rgba(255,107,53,.3);border-radius:var(--radius-full);width:fit-content;font-size:.9rem;color:var(--primary-light)}.rotating-sports{position:relative;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center}.rotating-sports .sport-icon{position:absolute;font-size:1.3rem;opacity:0;transform:scale(.5) rotate(-20deg);transition:all .4s cubic-bezier(.4,0,.2,1)}.rotating-sports .sport-icon.active{opacity:1;transform:scale(1) rotate(0)}.badge-icon{font-size:1.3rem}.badge-status{padding:.2rem .5rem;border-radius:var(--radius-sm);font-size:.7rem;font-weight:700;color:#fff;transition:all .3s ease}.badge-status.live{background:var(--success);animation:pulse 2s ease-in-out infinite}.badge-status.soon{background:linear-gradient(135deg,#6366f1,#8b5cf6);animation:pulseBlue 2s ease-in-out infinite}.badge-live{padding:.2rem .5rem;background:var(--success);border-radius:var(--radius-sm);font-size:.7rem;font-weight:700;color:#fff;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes pulseBlue{0%,to{opacity:1;box-shadow:0 0 #6366f166}50%{opacity:.8;box-shadow:0 0 10px 2px #6366f14d}}.hero-title{font-size:4.5rem;font-weight:800;line-height:1.05;color:var(--text);letter-spacing:-.03em}.gradient-text{background:linear-gradient(135deg,#ff6b35,#f5a623 40%,#ff8c5a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% auto;animation:gradientShift 4s ease-in-out infinite}@keyframes gradientShift{0%,to{background-position:0% center}50%{background-position:100% center}}.hero-subtitle{font-size:1.3rem;color:var(--text-muted);line-height:1.8;max-width:520px}.hero-cta{display:flex;flex-wrap:wrap;gap:1rem;margin-top:.5rem}.cta-button{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;border-radius:var(--radius-md);font-size:1.05rem;font-weight:600;text-decoration:none;transition:all var(--transition-normal);cursor:pointer;font-family:Inter,sans-serif}.cta-button.primary{background:var(--gradient-primary);color:#fff;box-shadow:0 6px 30px var(--glow-primary)}.cta-button.primary:hover{transform:translateY(-4px);box-shadow:0 10px 40px var(--glow-primary)}.cta-button.primary:hover .cta-arrow{transform:translate(6px)}.cta-button.secondary{background:var(--surface);color:var(--text);border:1px solid var(--border)}.cta-button.secondary:hover{background:var(--surface-hover);border-color:var(--primary);color:var(--primary)}.cta-button.large{padding:1.25rem 2.75rem;font-size:1.15rem;border-radius:var(--radius-lg)}.cta-arrow{transition:transform var(--transition-normal);font-size:1.1rem}.hero-stats{display:flex;align-items:center;gap:2.5rem;margin-top:2.5rem;padding-top:2.5rem;border-top:1px solid var(--border)}.stat{display:flex;flex-direction:column;gap:.35rem}.stat-value{font-size:1.75rem;font-weight:700;color:var(--text);font-family:Space Grotesk,sans-serif}.stat-label{font-size:.9rem;color:var(--text-muted)}.stat-divider{width:1px;height:50px;background:var(--border)}.hero-visual{display:flex;justify-content:center;align-items:center;position:relative}.visual-card{width:100%;max-width:500px;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-elevated),0 0 60px #ff6b351a}.visual-header{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;background:#ffffff05;border-bottom:1px solid var(--border)}.visual-dots{display:flex;gap:8px}.visual-dots span{width:12px;height:12px;border-radius:50%;background:var(--border)}.visual-dots span:nth-child(1){background:#ef4444}.visual-dots span:nth-child(2){background:#f5a623}.visual-dots span:nth-child(3){background:#22c55e}.visual-title{font-size:.9rem;color:var(--text-muted);flex:1}.visual-fps{padding:.3rem .75rem;background:#ff6b3526;border:1px solid rgba(255,107,53,.3);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;color:var(--primary)}.visual-content{padding:2rem}.hero-video-container{aspect-ratio:16/10;border-radius:var(--radius-lg);overflow:hidden;position:relative;background:#000;box-shadow:0 8px 32px #0000004d;border:1px solid rgba(255,255,255,.1)}.hero-video{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.hero-video-container:hover .hero-video{transform:scale(1.02)}.court-outline{position:absolute;inset:12%;border:2px solid rgba(255,107,53,.4);border-radius:var(--radius-sm)}.court-net{position:absolute;top:0;bottom:0;left:50%;width:2px;background:#ff6b354d;transform:translate(-50%)}.court-attack-line{position:absolute;top:0;bottom:0;width:1px;background:#ffffff1a}.court-attack-line.left{left:33%}.court-attack-line.right{right:33%}.player-dot{position:absolute;width:18px;height:18px;background:var(--success);border-radius:50%;border:2px solid white;box-shadow:0 2px 10px #22c55e80;display:flex;align-items:center;justify-content:center}.player-label{font-size:.55rem;font-weight:700;color:#fff}.player-dot.p1{top:15%;left:15%;animation:playerMove1 5s ease-in-out infinite}.player-dot.p2{top:55%;left:25%;animation:playerMove2 6s ease-in-out infinite}.player-dot.p3{top:35%;left:35%;animation:playerMove3 7s ease-in-out infinite}.player-dot.p4{top:20%;right:30%;animation:playerMove1 5.5s ease-in-out infinite reverse}.player-dot.p5{top:50%;right:20%;animation:playerMove2 6.5s ease-in-out infinite}.player-dot.p6{top:70%;right:35%;animation:playerMove3 5s ease-in-out infinite}@keyframes playerMove1{0%,to{transform:translate(0)}50%{transform:translate(15px,12px)}}@keyframes playerMove2{0%,to{transform:translate(0)}50%{transform:translate(-12px,-8px)}}@keyframes playerMove3{0%,to{transform:translate(0)}50%{transform:translate(8px,-15px)}}.ball-dot{position:absolute;width:14px;height:14px;background:var(--primary);border-radius:50%;border:2px solid white;box-shadow:0 2px 12px var(--glow-primary);top:25%;left:45%;animation:ballBounce 3s ease-in-out infinite}@keyframes ballBounce{0%,to{transform:translate(0) scale(1)}25%{transform:translate(50px,-35px) scale(1.15)}50%{transform:translate(100px,15px) scale(1)}75%{transform:translate(50px,40px) scale(.9)}}.trajectory{position:absolute;top:30%;left:48%;width:120px;height:2px;background:linear-gradient(90deg,var(--primary) 0%,transparent 100%);transform-origin:left center;animation:trajectoryPulse 3s ease-in-out infinite;opacity:.6}@keyframes trajectoryPulse{0%,to{width:100px;transform:rotate(-25deg);opacity:.4}25%{width:130px;transform:rotate(-40deg);opacity:.8}50%{width:80px;transform:rotate(15deg);opacity:.3}75%{width:110px;transform:rotate(30deg);opacity:.6}}.action-label{position:absolute;bottom:15%;right:12%;padding:.5rem 1rem;background:var(--gradient-primary);border-radius:var(--radius-sm);font-size:.85rem;font-weight:700;color:#fff;animation:actionPulse 2s ease-in-out infinite}@keyframes actionPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.live-stats-panel{display:flex;gap:.75rem;margin-top:1.5rem}.live-stat{flex:1;display:flex;align-items:center;gap:.5rem;padding:.75rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);font-size:.85rem;color:var(--text-secondary)}.live-stat-icon{font-size:1rem}.live-stat-value{font-weight:500}.live-stat.highlight{background:#ff6b351a;border-color:#ff6b354d;color:var(--primary-light)}.floating-card{position:absolute;display:flex;flex-direction:column;align-items:center;padding:1rem 1.25rem;background:var(--glass-bg);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);animation:floatCard 4s ease-in-out infinite}.floating-card.card-1{top:5%;right:-5%;animation-delay:0s}.floating-card.card-2{bottom:30%;left:-8%;animation-delay:-1.3s}.floating-card.card-3{bottom:5%;right:5%;animation-delay:-2.6s}@keyframes floatCard{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.fc-icon{font-size:1.5rem;margin-bottom:.35rem}.fc-value{font-size:1.25rem;font-weight:700;color:var(--text);font-family:Space Grotesk,sans-serif}.fc-label{font-size:.75rem;color:var(--text-muted)}section{position:relative;z-index:1;padding:7rem 4rem;max-width:1300px;margin:0 auto}.section-header{text-align:center;margin-bottom:4.5rem}.section-tag{display:inline-block;padding:.5rem 1.25rem;background:#ff6b351a;border:1px solid rgba(255,107,53,.2);border-radius:var(--radius-full);font-size:.85rem;font-weight:600;color:var(--primary);margin-bottom:1.25rem;text-transform:uppercase;letter-spacing:1.5px}.section-header h2{font-size:3rem;font-weight:700;color:var(--text);margin-bottom:1rem;letter-spacing:-.02em}.section-header p{font-size:1.2rem;color:var(--text-muted);max-width:650px;margin:0 auto;line-height:1.7}.analytics-preview{background:linear-gradient(180deg,transparent 0%,rgba(255,107,53,.03) 50%,transparent 100%)}.analytics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.analytics-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:1.75rem;transition:all var(--transition-normal)}.analytics-card:hover{border-color:var(--primary);transform:translateY(-5px);box-shadow:0 15px 40px #0000004d}.ac-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem}.ac-icon{font-size:1.5rem}.ac-title{font-weight:600;color:var(--text)}.ac-visualization{height:120px;margin-bottom:1rem;display:flex;align-items:flex-end;justify-content:center}.trajectory-viz{padding:0;display:flex;align-items:center;justify-content:center}.trajectory-viz svg{width:100%;height:100%}.trajectory-path{stroke-dasharray:300;stroke-dashoffset:300;animation:drawPath 2.5s ease-in-out infinite}@keyframes drawPath{0%,to{stroke-dashoffset:300}50%{stroke-dashoffset:0}}.ball-marker{animation:pulseBall 1s ease-in-out infinite}@keyframes pulseBall{0%,to{r:6}50%{r:8}}.bar-chart{gap:.75rem;padding:0 .5rem}.bar{flex:1;background:var(--gradient-primary);border-radius:var(--radius-sm) var(--radius-sm) 0 0;position:relative;min-height:20px;transition:all var(--transition-normal);display:flex;align-items:flex-start;justify-content:center}.bar span{position:absolute;top:.5rem;font-size:.75rem;font-weight:700;color:#fff}.bar:after{content:attr(data-label);position:absolute;bottom:-1.75rem;font-size:.65rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.bar:hover{opacity:.85}.heatmap{display:flex;align-items:center;justify-content:center;padding:0}.heatmap-court{width:100%;height:100%;position:relative;border:2px solid var(--border);border-radius:var(--radius-sm);display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:2px;overflow:hidden}.heat-zone{background:#ff6b351a;transition:all .3s ease}.heat-zone.zone-1{background:#ff6b3580}.heat-zone.zone-2{background:#ff6b354d}.heat-zone.zone-3{background:#f5a62366}.heat-zone.zone-4{background:#f5a62333}.ac-metric{display:flex;align-items:baseline;gap:.5rem}.ac-metric-value{font-size:1.75rem;font-weight:700;color:var(--primary);font-family:Space Grotesk,sans-serif}.ac-metric-label{font-size:.9rem;color:var(--text-muted)}.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.feature-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:2.25rem;transition:all var(--transition-normal);position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);opacity:0;transition:opacity var(--transition-normal)}.feature-card:hover{transform:translateY(-6px);border-color:var(--primary);box-shadow:0 15px 50px #ff6b351a}.feature-card:hover:before{opacity:1}.feature-icon-container{position:relative;width:fit-content;margin-bottom:1.25rem}.feature-icon{font-size:3.5rem;display:block;position:relative;z-index:1}.feature-pulse{position:absolute;inset:-10px;background:#ff6b3526;border-radius:50%;animation:featurePulse 2.5s ease-in-out infinite}@keyframes featurePulse{0%,to{transform:scale(.9);opacity:.5}50%{transform:scale(1.1);opacity:.8}}.feature-card h3{font-size:1.5rem;font-weight:600;color:var(--text);margin-bottom:.75rem}.feature-card p{color:var(--text-muted);line-height:1.7;font-size:1rem;margin-bottom:1rem}.feature-tag{display:inline-block;padding:.4rem .85rem;background:#ff6b3526;border:1px solid rgba(255,107,53,.25);border-radius:var(--radius-sm);font-size:.8rem;font-weight:600;color:var(--primary);margin-bottom:1rem}.feature-stats{display:flex;gap:1.25rem}.feature-stats span{font-size:.85rem;color:var(--text-secondary);font-weight:500}.how-it-works{background:linear-gradient(180deg,rgba(255,107,53,.03) 0%,transparent 100%)}.steps{display:flex;align-items:flex-start;justify-content:center;gap:1.5rem}.step{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2.5rem 1.5rem;flex:1;max-width:300px}.step-number{width:70px;height:70px;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);border-radius:50%;font-size:1.75rem;font-weight:700;color:#fff;margin-bottom:1.5rem;box-shadow:0 8px 30px var(--glow-primary);font-family:Space Grotesk,sans-serif}.step-icon{font-size:2.5rem;margin-bottom:1rem}.step-content h3{font-size:1.35rem;font-weight:600;color:var(--text);margin-bottom:.75rem}.step-content p{color:var(--text-muted);font-size:1rem;line-height:1.6}.step-connector{width:80px;height:3px;background:var(--gradient-primary);opacity:.4;margin-top:35px;border-radius:var(--radius-full);position:relative}.connector-dot{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;background:var(--primary);border-radius:50%;animation:connectorPulse 1.5s ease-in-out infinite}@keyframes connectorPulse{0%,to{opacity:.5}50%{opacity:1}}.tech-stack{text-align:center}.tech-badges{display:flex;justify-content:center;flex-wrap:wrap;gap:1.5rem}.tech-badge{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:1.75rem 3rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all var(--transition-normal)}.tech-badge:hover{border-color:var(--primary);transform:translateY(-4px);box-shadow:0 10px 30px #0000004d}.tech-icon{font-size:2rem;margin-bottom:.35rem}.tech-name{font-size:1.35rem;font-weight:700;color:var(--text);font-family:Space Grotesk,sans-serif}.tech-desc{font-size:.9rem;color:var(--text-muted)}.final-cta{text-align:center;padding:8rem 4rem;background:radial-gradient(ellipse at center,rgba(255,107,53,.1) 0%,transparent 60%)}.cta-content h2{font-size:2.75rem;font-weight:700;color:var(--text);margin-bottom:1rem}.cta-content p{font-size:1.25rem;color:var(--text-muted);margin-bottom:2.5rem}.landing-footer{text-align:center;padding:3.5rem 2rem;border-top:1px solid var(--border);background:var(--surface)}.footer-brand{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:1rem}.footer-logo{font-size:1.75rem}.footer-name{font-size:1.35rem;font-weight:700;color:var(--text);font-family:Space Grotesk,sans-serif}.footer-text{color:var(--text-muted);margin-bottom:.75rem}.footer-copyright{font-size:.85rem;color:var(--text-subtle)}@media(max-width:1200px){.hero{gap:3rem;padding:7rem 3rem 5rem}.hero-title{font-size:3.5rem}.floating-card{display:none}.analytics-grid{grid-template-columns:1fr;max-width:500px;margin:0 auto}}@media(max-width:1024px){.hero{grid-template-columns:1fr;padding:6rem 2rem 4rem;text-align:center;min-height:auto}.hero-content{align-items:center}.hero-title{font-size:3rem}.hero-subtitle{max-width:100%}.hero-cta,.hero-stats{justify-content:center}.hero-visual{order:-1;margin-bottom:2rem}.visual-card{max-width:450px}.features-grid{grid-template-columns:1fr;max-width:550px;margin:0 auto}.steps{flex-direction:column;align-items:center}.step-connector{width:3px;height:50px;margin:0}section{padding:5rem 2rem}.section-header h2{font-size:2.25rem}}@media(max-width:600px){.stats-ticker{display:none}.hero{padding:3rem 1.5rem}.hero-title{font-size:2.25rem}.hero-subtitle{font-size:1.1rem}.hero-cta{flex-direction:column;width:100%}.cta-button{width:100%;justify-content:center}.hero-stats{flex-direction:column;gap:1.25rem}.stat-divider{width:50px;height:1px}.section-header h2{font-size:1.85rem}.section-header p{font-size:1rem}.tech-badges{flex-direction:column;align-items:center}.tech-badge{width:100%;max-width:280px}.live-stats-panel{flex-direction:column}.final-cta{padding:5rem 1.5rem}.cta-content h2{font-size:1.85rem}.sports-grid,.capabilities-grid{grid-template-columns:1fr}}.sports-coverage{position:relative;z-index:1;padding:8rem 3rem;max-width:1400px;margin:0 auto}.sports-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:3rem}.sport-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2rem;transition:all var(--transition-normal);position:relative;overflow:hidden}.sport-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary);opacity:0;transition:opacity var(--transition-normal)}.sport-card:hover{transform:translateY(-8px);border-color:var(--primary);box-shadow:0 12px 40px #ff6b3526}.sport-card:hover:before{opacity:1}.sport-card.active{background:linear-gradient(135deg,#ff6b350d,#f5a6230d);border-color:var(--primary)}.sport-card.active:before{opacity:1}.sport-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.sport-icon-large{font-size:3rem;filter:drop-shadow(0 4px 12px rgba(255,107,53,.3))}.sport-status-badge{padding:.4rem .8rem;border-radius:var(--radius-sm);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.sport-status-badge.live{background:var(--success);color:#fff;animation:pulse 2s ease-in-out infinite}.sport-status-badge.soon{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.sport-card h3{font-size:1.5rem;font-weight:700;color:var(--text);margin-bottom:.75rem}.sport-description{color:var(--text-muted);line-height:1.6;margin-bottom:1.5rem;font-size:.95rem}.sport-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.sport-metric{display:flex;align-items:center;gap:.5rem;padding:.6rem .8rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);font-size:.85rem;color:var(--text-secondary);transition:all var(--transition-fast)}.sport-metric:hover{border-color:var(--primary);background:#ff6b350d}.metric-icon{font-size:1rem}.metric-text{font-weight:500}.sports-cta{margin-top:4rem;padding:3rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);text-align:center}.sports-cta-content h3{font-size:1.75rem;font-weight:700;color:var(--text);margin-bottom:.75rem}.sports-cta-content p{color:var(--text-muted);line-height:1.7;max-width:600px;margin:0 auto 2rem;font-size:1.05rem}.ai-capabilities{position:relative;z-index:1;padding:8rem 3rem;max-width:1400px;margin:0 auto;background:linear-gradient(180deg,transparent 0%,rgba(255,107,53,.02) 50%,transparent 100%)}.capabilities-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.capability-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2.5rem;transition:all var(--transition-normal);position:relative}.capability-card:after{content:"";position:absolute;inset:0;border-radius:var(--radius-lg);background:var(--gradient-primary);opacity:0;transition:opacity var(--transition-normal);z-index:-1;padding:2px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude}.capability-card:hover{transform:translateY(-6px);box-shadow:0 12px 40px #ff6b351f}.capability-card:hover:after{opacity:1}.capability-icon{font-size:3rem;margin-bottom:1.25rem;filter:drop-shadow(0 4px 12px rgba(255,107,53,.2))}.capability-card h3{font-size:1.4rem;font-weight:700;color:var(--text);margin-bottom:1rem}.capability-card>p{color:var(--text-muted);line-height:1.7;margin-bottom:1.5rem;font-size:.95rem}.capability-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.capability-list li{display:flex;align-items:center;gap:.75rem;color:var(--text-secondary);font-size:.9rem;padding-left:.5rem}.capability-list li:before{content:"→";color:var(--primary);font-weight:700;font-size:1rem}.showcase{min-height:100vh;background:var(--bg);display:flex;flex-direction:column;position:relative}.showcase:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse at 30% 80%,rgba(245,166,35,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(255,107,53,.1) 0%,transparent 50%);pointer-events:none;z-index:0}.showcase-header{display:flex;align-items:center;justify-content:space-between;padding:1.75rem 3rem;background:var(--glass-bg);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.back-link{display:flex;align-items:center;gap:.5rem;color:var(--text-muted);text-decoration:none;font-size:.95rem;transition:all var(--transition-normal)}.back-link:hover{color:var(--primary)}.header-content{text-align:center}.header-content h1{font-size:1.85rem;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.35rem}.header-content p{color:var(--text-muted);font-size:.95rem}.try-btn{padding:.875rem 1.75rem;background:var(--gradient-primary);color:#fff;text-decoration:none;border-radius:var(--radius-md);font-weight:600;font-size:.95rem;transition:all var(--transition-normal);box-shadow:0 4px 20px var(--glow-primary)}.try-btn:hover{transform:translateY(-3px);box-shadow:0 8px 30px var(--glow-primary)}.showcase-content{flex:1;padding:3rem;max-width:1500px;margin:0 auto;width:100%;position:relative;z-index:1}.video-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-bottom:3rem}.video-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--transition-normal);position:relative}.video-card.clickable{cursor:pointer}.video-card.disabled{opacity:.6;cursor:not-allowed}.video-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);opacity:0;transition:opacity var(--transition-normal)}.video-card.clickable:hover{transform:translateY(-6px);border-color:var(--primary);box-shadow:0 20px 50px #0006,0 0 30px #ff6b351a}.video-card.clickable:hover:before{opacity:1}.video-thumbnail{aspect-ratio:16/9;background:var(--surface-active);position:relative;overflow:hidden}.video-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-normal)}.video-card.clickable:hover .video-thumbnail img{transform:scale(1.05)}.thumbnail-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;background:linear-gradient(135deg,#28282de6,#1e1e23e6)}.thumbnail-placeholder.ready{background:linear-gradient(135deg,#ff6b3526,#f5a6231a)}.placeholder-icon,.play-icon{font-size:3.5rem;opacity:.5}.thumbnail-placeholder.ready .play-icon{color:var(--primary);opacity:.8}.placeholder-text{color:var(--text-muted);font-size:.95rem;font-weight:500}.play-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0000004d;opacity:0;transition:opacity var(--transition-normal)}.video-card.clickable:hover .play-overlay{opacity:1}.play-button{width:70px;height:70px;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.8rem;color:#fff;box-shadow:0 8px 30px #ff6b3566;transition:transform var(--transition-normal)}.video-card.clickable:hover .play-button{transform:scale(1.1)}.video-info{padding:1.5rem}.video-info h3{font-size:1.2rem;font-weight:600;color:var(--text);margin-bottom:.5rem}.video-info p{color:var(--text-muted);font-size:.9rem;line-height:1.5;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-stages{display:flex;flex-wrap:wrap;gap:.5rem}.stage-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;background:#ff6b351f;border:1px solid rgba(255,107,53,.25);border-radius:var(--radius-full);font-size:.8rem;color:var(--primary-light);text-transform:capitalize;font-weight:500}.video-modal-overlay{position:fixed;inset:0;background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.video-modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);max-width:98vw;width:100%;max-height:98vh;overflow:hidden;position:relative;animation:slideUp .3s ease-out;display:flex;flex-direction:column}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-close{position:absolute;top:1rem;right:1rem;width:40px;height:40px;background:#ffffff1a;border:none;border-radius:50%;color:var(--text);font-size:1.2rem;cursor:pointer;transition:all var(--transition-fast);z-index:10}.modal-close:hover{background:var(--primary);color:#fff}.modal-header{padding:1.5rem 2rem;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.modal-header h2{font-size:1.5rem;font-weight:600;color:var(--text)}.modal-stages{display:flex;gap:.5rem}.modal-body{display:flex;gap:0;flex:1;min-height:0;background:#000}.video-modal.with-panel .modal-video-container{flex:1;min-width:0;height:100%}.modal-video-container{background:#000;width:100%;height:100%;max-height:85vh;display:flex;align-items:center;justify-content:center}.modal-video-container video{width:100%;height:100%;object-fit:contain}.action-panel{width:320px;min-width:320px;background:var(--surface-active);border-left:1px solid var(--border);display:flex;flex-direction:column;height:100%;max-height:none}.action-panel-header{padding:1rem 1.25rem;border-bottom:1px solid var(--border);background:var(--surface)}.action-panel-header h3{font-size:1rem;font-weight:600;color:var(--text);margin:0}.action-panel-content{flex:1;overflow-y:auto;padding:.75rem}.action-list{display:flex;flex-direction:column;gap:.5rem}.action-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.625rem .75rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:background .15s ease,border-color .15s ease}.action-row:hover{background:var(--surface-hover);border-color:#ffffff1f}.action-row.active{background:#ff6b351a;border-color:#ff6b354d}.action-row-info{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.action-time{font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:.8rem;color:var(--text-muted);min-width:40px}.action-conf{font-size:.7rem;color:var(--text-subtle);background:#ffffff0f;padding:.15rem .4rem;border-radius:4px}.action-btn{display:inline-flex;align-items:center;justify-content:center;min-width:72px;padding:.4rem .75rem;font-size:.75rem;font-weight:700;font-family:Inter,sans-serif;text-transform:uppercase;letter-spacing:.5px;border:none;border-radius:6px;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease}.action-btn.primary{background:var(--action-bg, #ff6b35);color:#fff;box-shadow:0 2px 6px #00000040}.action-btn.primary:hover{transform:translateY(-1px);box-shadow:0 3px 10px #0000004d}.action-btn.primary:active{transform:translateY(0)}.action-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem;color:var(--text-muted)}.loading-spinner{width:24px;height:24px;border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.action-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:2rem;color:var(--text-muted);text-align:center}.action-empty .empty-icon{font-size:2rem;opacity:.5}.modal-description{padding:1.5rem 2rem;color:var(--text-muted);font-size:1rem;line-height:1.6;border-top:1px solid var(--border)}.showcase-footer{text-align:center;padding:2.5rem 2rem;color:var(--text-muted);font-size:.9rem;border-top:1px solid var(--border);background:var(--surface);position:relative;z-index:1}@media(max-width:900px){.showcase-header{flex-direction:column;gap:1.25rem;padding:1.5rem}.video-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.showcase-content{padding:2rem 1.5rem}.video-modal{max-height:95vh}.modal-header,.modal-description{padding:1rem 1.5rem}.modal-body{flex-direction:column;max-height:none}.action-panel{width:100%;min-width:unset;height:auto;max-height:250px;border-left:none;border-top:1px solid var(--border)}.modal-video-container{height:auto;max-height:50vh}}@media(max-width:520px){.video-grid{grid-template-columns:1fr}.modal-header h2{font-size:1.2rem}.play-button{width:50px;height:50px;font-size:1.4rem}}.processed-videos{min-height:100vh;background:var(--bg);display:flex;flex-direction:column;position:relative}.processed-videos:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse at 70% 20%,rgba(255,107,53,.1) 0%,transparent 50%);pointer-events:none;z-index:0}.gallery-header{display:flex;align-items:center;justify-content:space-between;padding:1.75rem 3rem;background:var(--glass-bg);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.gallery-header .back-link{display:flex;align-items:center;gap:.5rem;color:var(--text-muted);text-decoration:none;font-size:.95rem;transition:all var(--transition-normal)}.gallery-header .back-link:hover{color:var(--primary)}.gallery-header .header-content{text-align:center}.gallery-header .header-content h1{font-size:1.85rem;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.35rem}.gallery-header .header-content p{color:var(--text-muted);font-size:.95rem}.process-btn{padding:.875rem 1.75rem;background:var(--gradient-primary);color:#fff;text-decoration:none;border-radius:var(--radius-md);font-weight:600;font-size:.95rem;transition:all var(--transition-normal);border:none;cursor:pointer;box-shadow:0 4px 20px var(--glow-primary)}.process-btn:hover{transform:translateY(-3px);box-shadow:0 8px 30px var(--glow-primary)}.gallery-content{flex:1;padding:3rem;max-width:1500px;margin:0 auto;width:100%;position:relative;z-index:1}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6rem 2rem;gap:1.75rem}.loading-state .spinner{width:56px;height:56px;border:4px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}.loading-state p{color:var(--text-muted);font-size:1.15rem}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6rem 2rem;gap:1.25rem}.error-state .error-icon{font-size:3.5rem}.error-state p{color:var(--error);font-size:1.15rem}.error-state button{padding:.875rem 2rem;background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;font-weight:600;font-size:1rem;transition:all var(--transition-normal);box-shadow:0 4px 20px var(--glow-primary)}.error-state button:hover{transform:translateY(-2px);box-shadow:0 8px 30px var(--glow-primary)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6rem 2rem;text-align:center}.empty-state .empty-icon{font-size:6rem;margin-bottom:2rem;opacity:.6}.empty-state h2{font-size:2rem;color:var(--text);margin-bottom:1rem}.empty-state p{color:var(--text-muted);margin-bottom:2.5rem;max-width:450px;font-size:1.05rem;line-height:1.7}.empty-state .cta-button{padding:1.125rem 2.5rem;background:var(--gradient-primary);color:#fff;text-decoration:none;border-radius:var(--radius-lg);font-weight:600;font-size:1.05rem;transition:all var(--transition-normal);box-shadow:0 6px 30px var(--glow-primary)}.empty-state .cta-button:hover{transform:translateY(-3px);box-shadow:0 10px 40px var(--glow-primary)}.processed-videos .video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:2rem}.processed-videos .video-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--transition-normal);position:relative}.processed-videos .video-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);opacity:0;transition:opacity var(--transition-normal)}.processed-videos .video-card:hover{transform:translateY(-6px);border-color:var(--primary);box-shadow:0 20px 50px #0006,0 0 30px #ff6b351a}.processed-videos .video-card:hover:before{opacity:1}.video-thumbnail{aspect-ratio:16/9;background:var(--surface-active);position:relative;cursor:pointer;overflow:hidden}.video-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.video-card:hover .video-thumbnail img{transform:scale(1.08)}.thumbnail-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ff6b351a,#f5a6231a);font-size:4.5rem;opacity:.5}.play-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0a0a0f80;opacity:0;transition:opacity var(--transition-normal)}.video-thumbnail:hover .play-overlay{opacity:1}.play-icon{width:70px;height:70px;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.75rem;color:#fff;transition:transform var(--transition-normal);box-shadow:0 8px 30px var(--glow-primary)}.play-overlay:hover .play-icon{transform:scale(1.12)}.processed-videos .video-info{padding:1.5rem}.video-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.video-id{font-size:.9rem;font-weight:600;color:var(--primary)}.video-date{font-size:.85rem;color:var(--text-subtle)}.stage-badges{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.stage-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .75rem;background:#ff6b351f;border:1px solid rgba(255,107,53,.25);border-radius:var(--radius-full);font-size:.8rem;color:var(--primary-light);text-transform:capitalize;font-weight:500}.events-summary{display:flex;align-items:center;gap:.6rem;padding:.75rem 1rem;background:#f5a6231a;border:1px solid rgba(245,166,35,.2);border-radius:var(--radius-md);margin-bottom:1.25rem;font-size:.9rem;color:var(--secondary)}.events-icon{font-size:1.1rem}.video-actions{display:flex;gap:.875rem}.action-btn{flex:1;padding:.75rem 1.25rem;border:none;border-radius:var(--radius-md);font-weight:600;font-size:.9rem;cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center;gap:.5rem;font-family:Inter,sans-serif}.action-btn.play{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 15px var(--glow-primary)}.action-btn.play:hover{transform:translateY(-2px);box-shadow:0 6px 25px var(--glow-primary)}.action-btn.download{background:var(--surface-hover);border:1px solid var(--border);color:var(--text-secondary)}.action-btn.download:hover{background:var(--surface-active);border-color:var(--secondary);color:var(--secondary)}.video-modal{position:fixed;inset:0;background:#0a0a0feb;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.modal-content{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden;max-width:1100px;width:100%;max-height:92vh;position:relative;box-shadow:var(--shadow-elevated),0 0 60px #ff6b351a}.close-btn{position:absolute;top:1.25rem;right:1.25rem;width:44px;height:44px;background:var(--surface-active);border:1px solid var(--border);border-radius:50%;color:var(--text);font-size:1.3rem;cursor:pointer;z-index:10;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center}.close-btn:hover{background:var(--error);border-color:var(--error);color:#fff}.modal-content video{width:100%;max-height:72vh;object-fit:contain;background:#000}.modal-info{padding:1.75rem}.modal-info h3{font-size:1.4rem;font-weight:600;color:var(--text);margin-bottom:.5rem}.modal-info p{color:var(--text-muted);margin-bottom:1.25rem}.modal-stages{display:flex;flex-wrap:wrap;gap:.6rem}.gallery-footer{text-align:center;padding:2.5rem 2rem;color:var(--text-muted);font-size:.9rem;border-top:1px solid var(--border);background:var(--surface);position:relative;z-index:1}.footer-links{display:flex;align-items:center;justify-content:center;gap:.75rem;margin:1rem 0;flex-wrap:wrap}.footer-links a{color:var(--text-muted);text-decoration:none;font-size:.9rem;transition:color .2s}.footer-links a:hover{color:var(--primary);text-decoration:underline}.footer-divider{color:var(--text-subtle)}@media(max-width:900px){.gallery-header{flex-direction:column;gap:1.25rem;padding:1.5rem}.gallery-content{padding:2.5rem 1.5rem}}@media(max-width:600px){.processed-videos .video-grid{grid-template-columns:1fr}.video-modal{padding:1rem}.modal-content{border-radius:var(--radius-lg)}.modal-info{padding:1.25rem}}.auth-page{min-height:100vh;background:var(--bg);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.auth-bg-animation{position:absolute;inset:0;z-index:0}.auth-orb{position:absolute;border-radius:50%;filter:blur(120px);opacity:.3}.auth-orb-1{width:500px;height:500px;background:radial-gradient(circle,rgba(255,107,53,.6) 0%,transparent 70%);top:-150px;right:-150px;animation:float 10s ease-in-out infinite}.auth-orb-2{width:400px;height:400px;background:radial-gradient(circle,rgba(245,166,35,.5) 0%,transparent 70%);bottom:-100px;left:-100px;animation:float 12s ease-in-out infinite reverse}@keyframes float{0%,to{transform:translate(0)}50%{transform:translate(35px,-35px)}}.auth-container{position:relative;z-index:10;width:100%;max-width:480px;padding:2rem}.auth-back-link{display:inline-flex;align-items:center;color:var(--text-muted);text-decoration:none;font-size:.95rem;margin-bottom:2rem;transition:all var(--transition-normal);gap:.5rem}.auth-back-link:hover{color:var(--primary)}.auth-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:3rem;box-shadow:var(--shadow-elevated),0 0 80px #ff6b3514;position:relative;overflow:visible}.auth-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary)}.auth-header{text-align:center;margin-bottom:2.5rem}.auth-logo{font-size:3.5rem;display:block;margin-bottom:1rem}.auth-header h1{font-size:2rem;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.auth-header p{color:var(--text-muted);font-size:1rem}.auth-tabs{display:flex;background:var(--surface);border-radius:var(--radius-md);padding:5px;margin-bottom:2rem;border:1px solid var(--border)}.auth-tab{flex:1;padding:.875rem 1.25rem;border:none;background:transparent;color:var(--text-muted);font-size:1rem;font-weight:600;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-normal);font-family:Inter,sans-serif}.auth-tab.active{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 15px var(--glow-primary)}.auth-tab:not(.active):hover{color:var(--text);background:var(--surface-hover)}.auth-form{display:flex;flex-direction:column;gap:1.5rem;width:100%;box-sizing:border-box}.auth-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;width:100%;box-sizing:border-box}.auth-field{display:flex;flex-direction:column;gap:.5rem}.auth-field label{font-size:.9rem;font-weight:500;color:var(--text-secondary)}.auth-field input{padding:1rem 1.25rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);font-size:1rem;font-family:Inter,sans-serif;transition:all var(--transition-normal);width:100%;box-sizing:border-box}.auth-field input::placeholder{color:var(--text-subtle)}.auth-field input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #ff6b3526;background:var(--surface-hover)}.auth-error{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:var(--error-bg);border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:#fca5a5;font-size:.95rem}.auth-success{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:var(--success-bg);border:1px solid rgba(34,197,94,.3);border-radius:var(--radius-md);color:#86efac;font-size:.95rem}.auth-terms{margin:.5rem 0}.auth-checkbox-label{display:flex;align-items:flex-start;gap:.75rem;cursor:pointer;font-size:.9rem;color:var(--text-secondary);line-height:1.5}.auth-checkbox{margin-top:.25rem;width:18px;height:18px;cursor:pointer;accent-color:var(--primary);flex-shrink:0}.auth-terms-link{color:var(--primary);text-decoration:none;font-weight:600;transition:color var(--transition-normal)}.auth-terms-link:hover{color:var(--primary-light);text-decoration:underline}.auth-submit{padding:1.125rem;background:var(--gradient-primary);border:none;border-radius:var(--radius-md);color:#fff;font-size:1.05rem;font-weight:600;font-family:Inter,sans-serif;cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center;min-height:56px;box-shadow:0 4px 20px var(--glow-primary)}.auth-submit:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 30px var(--glow-primary)}.auth-submit:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.auth-spinner{width:22px;height:22px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth-footer{margin-top:2rem;text-align:center;color:var(--text-muted);font-size:.95rem}.auth-footer button{background:none;border:none;color:var(--primary);font-weight:600;cursor:pointer;padding:0;text-decoration:none;font-family:Inter,sans-serif;transition:color var(--transition-normal)}.auth-footer button:hover{color:var(--primary-light);text-decoration:underline}@media(max-width:520px){.auth-container{padding:1.25rem}.auth-card{padding:2rem 1.5rem;border-radius:var(--radius-lg);overflow:visible}.auth-row{grid-template-columns:1fr;width:100%}.auth-header h1{font-size:1.75rem}}.terms-page{min-height:100vh;background:#0a0a0f;padding:2rem 1rem;position:relative;overflow-x:hidden}.terms-page:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:60px 60px;opacity:.5;pointer-events:none;z-index:0}.terms-container{max-width:900px;margin:0 auto;background:#14141e99;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:24px;box-shadow:0 20px 60px #00000080,0 0 60px #ff6b350d;overflow:hidden;position:relative;z-index:1}.terms-header{background:linear-gradient(135deg,#ff6b35,#f5a623);color:#fff;padding:3rem 2rem;text-align:center;position:relative;overflow:hidden}.terms-header:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:headerGlow 8s ease-in-out infinite}.terms-header h1{margin:.5rem 0;font-size:2.5rem;font-weight:700;position:relative;z-index:1}.terms-content{padding:3rem 2.5rem;line-height:1.8;color:#e0e0e0}.terms-content section{margin-bottom:3rem}.terms-content h2{color:#ff6b35;font-size:1.8rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid rgba(255,107,53,.3);font-weight:700}.terms-content h3{color:#f5a623;font-size:1.3rem;margin-top:1.5rem;margin-bottom:.8rem;font-weight:600}.terms-content p{margin-bottom:1rem;text-align:justify;color:silver}.terms-content ul{margin:1rem 0;padding-left:2rem}.terms-content li{margin-bottom:.8rem;line-height:1.7;color:silver}.terms-content strong{color:#ff8c5a;font-weight:600}@media(max-width:768px){.terms-header{padding:2rem 1.5rem}.terms-header h1{font-size:2rem}.terms-content{padding:2rem 1.5rem}.terms-content h2{font-size:1.5rem}.terms-content h3{font-size:1.2rem}}.privacy-page{min-height:100vh;background:#0a0a0f;padding:2rem 1rem;position:relative;overflow-x:hidden}.privacy-page:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:60px 60px;opacity:.5;pointer-events:none;z-index:0}.privacy-container{max-width:900px;margin:0 auto;background:#14141e99;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:24px;box-shadow:0 20px 60px #00000080,0 0 60px #ff6b350d;overflow:hidden;position:relative;z-index:1}.privacy-header{background:linear-gradient(135deg,#ff6b35,#f5a623);color:#fff;padding:3rem 2rem;text-align:center;position:relative;overflow:hidden}.privacy-header:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:headerGlow 8s ease-in-out infinite}@keyframes headerGlow{0%,to{transform:translate(0)}50%{transform:translate(-20px,-20px)}}.back-link{display:inline-block;color:#fff;text-decoration:none;margin-bottom:1rem;opacity:.9;transition:all .3s ease;font-weight:500;position:relative;z-index:1}.back-link:hover{opacity:1;transform:translate(-4px)}.privacy-header h1{margin:.5rem 0;font-size:2.5rem;font-weight:700;position:relative;z-index:1}.last-updated{margin:.5rem 0 0;opacity:.9;font-size:.9rem;position:relative;z-index:1}.privacy-content{padding:3rem 2.5rem;line-height:1.8;color:#e0e0e0}.privacy-content section{margin-bottom:3rem}.privacy-content h2{color:#ff6b35;font-size:1.8rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid rgba(255,107,53,.3);font-weight:700}.privacy-content h3{color:#f5a623;font-size:1.3rem;margin-top:1.5rem;margin-bottom:.8rem;font-weight:600}.privacy-content p{margin-bottom:1rem;text-align:justify;color:silver}.privacy-content ul{margin:1rem 0;padding-left:2rem}.privacy-content li{margin-bottom:.8rem;line-height:1.7;color:silver}.privacy-content strong{color:#ff8c5a;font-weight:600}.retention-table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.95rem;background:#14141e66;border-radius:8px;overflow:hidden}.retention-table thead{background:linear-gradient(135deg,#ff6b35,#f5a623);color:#fff}.retention-table th,.retention-table td{padding:.8rem;text-align:left;border:1px solid rgba(255,107,53,.2)}.retention-table tbody tr{background:#14141e4d}.retention-table tbody tr:nth-child(2n){background:#1e1e2866}.retention-table tbody tr:hover{background:#ff6b351a}.retention-table td{color:silver}.contact-section{background:#ff6b350d;border:1px solid rgba(255,107,53,.2);padding:1.5rem;border-radius:12px;margin-top:2rem}.contact-section h2{border-bottom:none;margin-bottom:1rem;color:#ff6b35}.contact-section p{color:#e0e0e0}@media(max-width:768px){.privacy-header{padding:2rem 1.5rem}.privacy-header h1{font-size:2rem}.privacy-content{padding:2rem 1.5rem}.privacy-content h2{font-size:1.5rem}.privacy-content h3{font-size:1.2rem}.retention-table{font-size:.85rem}.retention-table th,.retention-table td{padding:.5rem}}
