:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{--bg-color:#f8fafc;--surface-color:#fff;--text-primary:#0f172a;--text-secondary:#64748b;--border-color:#e2e8f0;--primary-color:#2563eb;--primary-hover:#1d4ed8;--danger-color:#ef4444;--danger-hover:#dc2626;--success-color:#10b981;--success-hover:#059669;--warning-color:#f59e0b;--warning-hover:#d97706}body{background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}#root{text-align:left;margin:0 auto;width:100%!important;max-width:none!important;padding:0!important}.container{max-width:1100px;margin:0 auto;padding:2rem}.card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -2px #0000000d}.card-danger{background-color:#fef2f2;border-color:#fecaca}.card-danger h3{color:var(--danger-color)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:1.5rem;display:grid}.grid-3{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;display:grid}h1,h2,h3,h4{color:var(--text-primary);margin-top:0}.form-group{flex-direction:column;gap:.75rem;display:flex}.form-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.input,.select{border:1px solid var(--border-color);box-sizing:border-box;background-color:var(--surface-color);width:100%;color:var(--text-primary);border-radius:8px;padding:.6rem .8rem;font-family:inherit;font-size:.95rem;transition:border-color .2s}.input:focus,.select:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #2563eb26}.select:disabled,.input:disabled{color:var(--text-secondary);background-color:#f1f5f9}input[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{appearance:none;margin:0}input[type=number]{appearance:textfield}input::-webkit-contacts-auto-fill-button{visibility:hidden;pointer-events:none;display:none!important}input::-webkit-credentials-auto-fill-button{visibility:hidden;pointer-events:none;display:none!important}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer}input[type=date]::-webkit-datetime-edit{justify-content:center;width:100%;display:flex}.btn{cursor:pointer;color:#fff;border:none;border-radius:8px;justify-content:center;align-items:center;padding:.6rem 1.2rem;font-size:.95rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-sm{border-radius:6px;padding:.4rem .8rem;font-size:.85rem}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary-color)}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-success{background:var(--success-color)}.btn-success:hover:not(:disabled){background:var(--success-hover)}.btn-danger{background:var(--danger-color)}.btn-danger:hover:not(:disabled){background:var(--danger-hover)}.btn-warning{background:var(--warning-color)}.btn-warning:hover:not(:disabled){background:var(--warning-hover)}.btn-flat{color:var(--primary-color);background:0 0;padding:.3rem .6rem}.btn-flat:hover:not(:disabled){background:#eff6ff}.btn-flat-danger{color:var(--text-secondary);background:0 0;padding:.3rem .6rem}.btn-flat-danger:hover:not(:disabled){color:var(--danger-color);background:#fef2f2}.alert{border-radius:8px;margin:1rem 0;padding:1rem;font-weight:500}.alert-success{color:#065f46;background-color:#d1fae5;border:1px solid #a7f3d0}.alert-danger{color:#991b1b;background-color:#fee2e2;border:1px solid #fecaca}.scrollable-container{scrollbar-width:thin;scrollbar-color:#94a3b8 transparent;background: linear-gradient(var(--surface-color) 30%, #fff0), linear-gradient(#fff0, var(--surface-color) 70%) 0 100%,  radial-gradient(farthest-side at 50% 0, #0f172a26, #0000), radial-gradient(farthest-side at 50% 100%, #0f172a26, #0000) 0 100%;background-repeat:no-repeat;background-color:var(--surface-color);background-size:100% 40px,100% 40px,100% 12px,100% 12px;background-attachment:local,local,scroll,scroll;padding-right:4px;overflow-y:auto}.scrollable-container::-webkit-scrollbar{width:14px;height:14px}.table-container::-webkit-scrollbar{width:14px;height:14px}.scrollable-container::-webkit-scrollbar-track{background:0 0}.table-container::-webkit-scrollbar-track{background:0 0}.scrollable-container::-webkit-scrollbar-thumb{background-color:#94a3b8;background-clip:padding-box;border:4px solid #0000;border-radius:10px}.table-container::-webkit-scrollbar-thumb{background-color:#94a3b8;background-clip:padding-box;border:4px solid #0000;border-radius:10px}.scrollable-container::-webkit-scrollbar-thumb:hover{background-color:#64748b}.table-container::-webkit-scrollbar-thumb:hover{background-color:#64748b}.navbar{background:var(--surface-color);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1rem 2rem;display:flex}.navbar-brand{color:var(--primary-color);align-items:center;gap:.5rem;font-size:1.8rem;font-weight:800;display:flex}.navbar-menu{align-items:center;gap:1rem;display:flex}.tab-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.5rem 1rem;font-size:.95rem;font-weight:600;transition:all .2s}.tab-btn:hover{background-color:#f1f5f9}.tab-btn.active{background-color:var(--primary-color);color:#fff}.table-container{background:var(--surface-color);border:1px solid var(--border-color);scrollbar-width:thin;scrollbar-color:#94a3b8 transparent;border-radius:12px;overflow:auto;box-shadow:0 4px 6px -1px #0000000d}.table-sm th,.table-sm td{padding:.5rem .75rem}.table{border-collapse:collapse;text-align:left;width:100%}.table th,.table td{border-bottom:1px solid var(--border-color);padding:1rem 1.5rem}.table th:not(:last-child),.table td:not(:last-child){border-right:1px solid var(--border-color)}.table th{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;z-index:10;background:#f1f5f9;font-size:.85rem;font-weight:600;position:sticky;top:0}.table tr:last-child td{border-bottom:none}.table tbody tr:nth-child(2n){background-color:#f8fafc}.table tr:hover{background-color:#f1f5f9}.badge{background-color:var(--danger-color);color:#fff;text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;padding:.35rem .75rem;font-size:.85rem;font-weight:700}.splash-screen{color:#fff;text-align:center;background:radial-gradient(circle,#60a5fa 0%,#1e40af 100%);flex-direction:column;justify-content:center;align-items:center;height:100vh;display:flex}.splash-card{color:#0f172a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffffa;border-radius:24px;padding:3rem;animation:.6s cubic-bezier(.16,1,.3,1) popIn;box-shadow:0 25px 50px -12px #00000080}.splash-score{background:linear-gradient(135deg,#2563eb,#4f46e5);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:1rem 0 0;font-size:5rem;font-weight:900;line-height:1}@keyframes popIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.link{color:var(--primary-color);font-weight:600;text-decoration:none}.link:hover{text-decoration:underline}.tv-container{max-width:98vw;margin:0 auto;padding:2vh 1vw}.tv-header{background:var(--surface-color);border-radius:20px;justify-content:center;align-items:center;margin-bottom:3vh;padding:2.5vh 3vw;display:flex;position:relative;box-shadow:0 10px 25px -5px #0000001a}.tv-table-container{background:var(--surface-color);border:3px solid var(--border-color);box-sizing:border-box;border-radius:20px;width:100%;overflow:hidden;box-shadow:0 20px 40px -5px #00000026,0 8px 16px -8px #0000001a}.tv-table{border-collapse:collapse;box-sizing:border-box;width:100%}.tv-table th,.tv-table td{border-bottom:3px solid var(--border-color);vertical-align:middle;padding:2vh 1.5vw;line-height:1.4}.tv-table th:not(:last-child),.tv-table td:not(:last-child){border-right:2px solid var(--border-color)}.tv-table tbody tr:nth-child(2n){background-color:#f8fafc}.tv-table th:first-child,.tv-table td:first-child{text-align:center;white-space:nowrap;width:1%}.tv-table th:nth-child(2),.tv-table td:nth-child(2),.tv-table th:nth-child(3),.tv-table td:nth-child(3){text-align:left}.tv-table th:nth-child(4),.tv-table td:nth-child(4){text-align:left;white-space:nowrap;width:1%}.tv-table th:nth-child(5),.tv-table td:nth-child(5){text-align:right;white-space:nowrap;width:1%;padding-right:1.5vw}.tv-table th{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;background:#f1f5f9;font-size:1.8vw;font-weight:800}.tv-table td{font-size:2.2vw;font-weight:600}.tv-table .medal-row td{color:var(--text-primary);font-size:2.4vw;font-weight:800}.tv-medal{vertical-align:middle;filter:drop-shadow(0 2px 4px #00000026);margin-right:.5vw;font-family:Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji,sans-serif;font-size:1.3em;font-weight:400;line-height:1;display:inline-block}.tv-table.tv-table-clubs th:first-child,.tv-table.tv-table-clubs td:first-child{text-align:center;white-space:nowrap;width:1%}.tv-table.tv-table-clubs th:nth-child(2),.tv-table.tv-table-clubs td:nth-child(2){text-align:left}.tv-table.tv-table-clubs th:nth-child(3),.tv-table.tv-table-clubs td:nth-child(3){text-align:right;white-space:nowrap;width:1%;padding-right:2vw}.tv-table tr:last-child td{border-bottom:none}.landing-page{background-color:var(--bg-color);flex-direction:column;min-height:100vh;display:flex}.landing-header{background:var(--surface-color);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1.5rem 5%;display:flex}.landing-nav{align-items:center;gap:.75rem;display:flex}.landing-logo-img{object-fit:contain;width:auto;height:56px}.landing-logo-text{color:var(--primary-color);font-size:1.8rem;font-weight:800}.landing-nav-links{align-items:center;display:flex}.hero-section{text-align:center;background:linear-gradient(-45deg,#eff6ff,#e0e7ff,#dbeafe,#eff6ff) 0 0/400% 400%;border-bottom:1px solid #bfdbfe;padding:6rem 5%;animation:15s infinite gradientFlow;position:relative;overflow:hidden}@keyframes gradientFlow{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.hero-bg-shapes{z-index:0;pointer-events:none;position:absolute;inset:0}.shape{filter:blur(80px);opacity:.6;border-radius:50%;animation:10s ease-in-out infinite alternate float;position:absolute}.shape-1{background:#bfdbfe;width:40vw;height:40vw;top:-20vw;left:-10vw}.shape-2{background:#c7d2fe;width:35vw;height:35vw;animation-delay:-3s;bottom:-15vw;right:-5vw}.shape-3{opacity:.4;background:#bae6fd;width:30vw;height:30vw;animation-delay:-7s;top:20%;left:40%}.hero-title{background:linear-gradient(135deg,#1e3a8a 0%,#3b82f6 100%);-webkit-text-fill-color:transparent;z-index:1;-webkit-background-clip:text;background-clip:text;margin-bottom:1.5rem;font-size:3.5rem;font-weight:900;line-height:1.2;position:relative}.hero-subtitle{color:#475569;z-index:1;max-width:600px;margin:0 auto 2.5rem;font-size:1.25rem;line-height:1.6;position:relative}.hero-actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.features-section{max-width:1200px;margin:0 auto;padding:5rem 5%}.features-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;display:grid}.feature-card{background:var(--surface-color);border:1px solid var(--border-color);text-align:center;opacity:0;border-radius:16px;padding:2rem;transition:transform .2s,box-shadow .2s;animation:.6s cubic-bezier(.16,1,.3,1) forwards fadeSlideUp;position:relative;top:30px;box-shadow:0 10px 15px -3px #0000000d}.feature-card:first-child{animation-delay:.1s}.feature-card:nth-child(2){animation-delay:.2s}.feature-card:nth-child(3){animation-delay:.3s}.feature-card:nth-child(4){animation-delay:.4s}.feature-card:hover{transform:translateY(-5px);box-shadow:0 20px 25px -5px #0000001a}.feature-icon{margin-bottom:1.5rem;font-size:3rem}.feature-card h3{color:var(--text-primary);margin-bottom:1rem;font-size:1.25rem}.feature-card p{color:var(--text-secondary);font-size:.95rem;line-height:1.6}.landing-footer{text-align:center;background:var(--surface-color);border-top:1px solid var(--border-color);color:var(--text-secondary);margin-top:auto;padding:2rem 5%}.hero-mockups{text-align:left;z-index:1;max-width:900px;height:420px;margin:4rem auto 0;position:relative}.mockup-window{background:var(--surface-color);border:1px solid #bfdbfe;border-radius:12px;position:absolute;overflow:hidden;box-shadow:0 20px 25px -5px #1e3a8a1a,0 10px 10px -5px #1e3a8a0a}.dashboard-mockup{z-index:1;width:75%;height:380px;top:0;left:0}.live-mockup{z-index:2;border-color:var(--border-color);width:45%;height:auto;animation:6s ease-in-out infinite float;bottom:0;right:0;box-shadow:0 25px 50px -12px #0f172a59}.mockup-header{border-bottom:1px solid var(--border-color);background:#f8fafc;align-items:center;gap:.5rem;padding:.6rem 1rem;display:flex}.dot{border-radius:50%;width:12px;height:12px}.dot-red{background:#ff5f56}.dot-yellow{background:#ffbd2e}.dot-green{background:#27c93f}.mockup-url{text-align:center;color:var(--text-secondary);background:var(--surface-color);border:1px solid var(--border-color);border-radius:6px;flex:1;margin:0 2rem;padding:.3rem;font-size:.75rem}.mockup-body{flex-direction:column;height:calc(100% - 42px);padding:0;display:flex}.mockup-nav{border-bottom:1px solid var(--border-color);gap:1.5rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;display:flex}.mockup-nav-brand{color:var(--text-primary);align-items:center;gap:.5rem;font-weight:800;display:flex}.mockup-nav-item{color:var(--primary-color);background:#eff6ff;border-radius:6px;padding:.2rem .75rem}.mockup-content{background:var(--bg-color);flex:1;padding:1.5rem}.mockup-table{background:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.mockup-row{border-bottom:1px solid var(--border-color);color:var(--text-primary);grid-template-columns:2fr 1fr 1fr;align-items:center;padding:.75rem 1rem;font-size:.85rem;display:grid}.mockup-content .badge{animation:2.5s ease-in-out infinite pulse-soft}@keyframes pulse-soft{0%,to{opacity:1}50%{opacity:.65}}.mockup-row:last-child{border-bottom:none}.mockup-row.header{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;background:#f1f5f9;font-size:.75rem;font-weight:600}.score-badge{color:var(--primary-color);text-align:center;background:#eff6ff;border:1px solid #bfdbfe;border-radius:4px;padding:.3rem .6rem;font-weight:700}.live-body{text-align:center;background:radial-gradient(circle at 100% 0,#eff6ff 0%,#fff 100%);height:auto;padding:2.5rem 2rem}.live-body h4{color:var(--text-primary);margin:0;font-size:1.8rem;line-height:1.2}.live-body p{color:var(--text-secondary);margin:.5rem 0 1.5rem;font-size:.95rem}.live-routine{color:var(--text-primary);border-top:3px solid var(--border-color);text-transform:uppercase;letter-spacing:.05em;padding-top:1.5rem;font-size:.95rem;font-weight:600}.live-score{background:linear-gradient(135deg,#2563eb,#4f46e5);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-top:.5rem;font-size:4.5rem;font-weight:900;line-height:1}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}@keyframes fadeSlideUp{0%{opacity:0;top:30px}to{opacity:1;top:0}}@media (width<=768px){.hero-title{font-size:2.5rem}.landing-nav-links .btn{padding:.4rem .6rem;font-size:.8rem}.hero-mockups{height:300px;margin-top:3rem}.dashboard-mockup{width:90%;height:260px}.live-mockup{width:65%}.live-body{padding:1.5rem}.live-score{font-size:3rem}.live-body h4{font-size:1.3rem}.mockup-nav{display:none}}