:root{--primary:#0f8;--primary-dark:#00cc6a;--bg-dark:#0a0f16;--bg-card:#141a2399;--text-main:#f8fafc;--text-muted:#94a3b8;--border-color:#ffffff14;--font-heading:"Outfit", sans-serif;--font-body:"Inter", sans-serif;--transition:all .3s ease}*{box-sizing:border-box;margin:0;padding:0}html{text-size-adjust:100%;scroll-padding-top:80px}img{max-width:100%}body{font-family:var(--font-body);background-color:var(--bg-dark);color:var(--text-main);line-height:1.6;position:relative;overflow-x:hidden}.background-effects{z-index:-1;width:100%;height:100svh;position:fixed;top:0;left:0;overflow:hidden}.glow-orb{filter:blur(120px);opacity:.4;border-radius:50%;animation:20s infinite alternate float;position:absolute}.orb-1{background:#0f8;width:400px;height:400px;top:-10%;left:-10%}.orb-2{background:#06f;width:500px;height:500px;animation-delay:-5s;bottom:10%;right:-10%}@keyframes float{0%{transform:translate(0)scale(1)}to{transform:translate(50px,50px)scale(1.1)}}h1,h2,h3,h4{font-family:var(--font-heading);line-height:1.2}a{color:inherit;transition:var(--transition);text-decoration:none}.container{max-width:1200px;margin:0 auto;padding:0 24px}.btn{font-weight:600;font-family:var(--font-heading);cursor:pointer;transition:var(--transition);text-align:center;border:none;border-radius:8px;padding:12px 24px;display:inline-block}.btn-primary{background-color:var(--primary);color:#000;box-shadow:0 4px 14px #00ff884d}.btn-primary:hover{background-color:var(--primary-dark);transform:translateY(-2px);box-shadow:0 6px 20px #0f86}.btn-secondary{color:var(--text-main);backdrop-filter:blur(10px);border:1px solid var(--border-color);background:#ffffff1a}.btn-secondary:hover{background:#ffffff26;transform:translateY(-2px)}.w-100{width:100%}.navbar{z-index:100;width:100%;transition:var(--transition);padding:20px 0;position:fixed;top:0}.navbar.scrolled{backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);background:#0a0f16cc;padding:15px 0}.nav-container{justify-content:space-between;align-items:center;display:flex}.logo{font-family:var(--font-heading);color:var(--text-main);align-items:center;gap:8px;font-size:1.5rem;font-weight:800;display:flex}.logo ion-icon{color:var(--primary);font-size:1.8rem}.logo-img{object-fit:cover;border-radius:10px;width:32px;height:32px}.nav-links{align-items:center;gap:32px;list-style:none;display:flex}.nav-links a:not(.btn):hover{color:var(--primary)}.hero{align-items:center;min-height:100svh;padding-top:80px;display:flex}.hero-container{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.badge{color:var(--primary);background:#00ff881a;border:1px solid #0f83;border-radius:20px;margin-bottom:24px;padding:6px 14px;font-size:.875rem;font-weight:500;display:inline-block}.hero-title{margin-bottom:24px;font-size:4rem}.hero-title span{background:linear-gradient(135deg, var(--primary) 0%, #00bfff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-subtitle{color:var(--text-muted);max-width:90%;margin-bottom:40px;font-size:1.125rem}.waitlist-form{gap:12px;margin-bottom:16px;display:flex}.waitlist-form input{border:1px solid var(--border-color);color:var(--text-main);font-family:var(--font-body);transition:var(--transition);background:#ffffff0d;border-radius:8px;outline:none;flex:1;padding:14px 20px;font-size:1rem}.waitlist-form input:focus{border-color:var(--primary);background:#ffffff14}.form-hint{color:var(--text-muted);font-size:.875rem}.form-status{color:var(--text-muted);min-height:1.2em;margin-top:8px;font-size:.875rem}.form-status.success{color:var(--primary)}.form-status.error{color:#ff6b6b}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 25px 50px -12px #00000080}.mockup-card{transition:transform .5s;overflow:hidden;transform:perspective(1000px)rotateY(-5deg)rotateX(5deg)}.mockup-card:hover{transform:perspective(1000px)rotateY(0)rotateX(0)translateY(-10px)}.mockup-header{border-bottom:1px solid var(--border-color);background:#0003;align-items:center;padding:12px 20px;display:flex}.mockup-dots{gap:6px;display:flex}.mockup-dots span{background:#ff5f56;border-radius:50%;width:10px;height:10px}.mockup-dots span:nth-child(2){background:#ffbd2e}.mockup-dots span:nth-child(3){background:#27c93f}.mockup-title{color:var(--text-muted);margin-left:20px;font-size:.9rem;font-weight:500}.mockup-body{padding:30px}.match-card{background:#0000004d;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:20px;display:flex}.team{flex-direction:column;align-items:center;gap:12px;display:flex}.team-logo{border:2px solid var(--border-color);background:linear-gradient(135deg,#1e293b,#0f172a);border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.team-logo ion-icon{font-size:30px}.team-logo.local{border-color:var(--primary)}.team-logo.local ion-icon{color:var(--primary)}.team-logo.visitor{border-color:#ff5f56}.team-logo.visitor ion-icon{color:#ff5f56}.team span{font-weight:600;font-family:var(--font-heading)}.vs{color:var(--text-muted);font-size:1.5rem;font-weight:800}.mockup-info{margin-bottom:24px}.mockup-info p{color:var(--text-muted);align-items:center;gap:10px;margin-bottom:8px;display:flex}.mockup-info ion-icon{color:var(--primary);font-size:1.2rem}.features{z-index:1;padding:100px 0;position:relative}.section-header{text-align:center;margin-bottom:60px}.section-header h2{margin-bottom:16px;font-size:2.5rem}.section-header p{color:var(--text-muted);max-width:600px;margin:0 auto;font-size:1.125rem}.features-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;display:grid}.feature-card{transition:var(--transition);padding:40px 30px}.feature-card:hover{border-color:#00ff884d;transform:translateY(-10px)}.feature-icon{background:#00ff881a;border-radius:12px;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:24px;display:flex}.feature-icon ion-icon{color:var(--primary);font-size:32px}.feature-card h3{margin-bottom:12px;font-size:1.25rem}.feature-card p{color:var(--text-muted);font-size:.95rem}.footer{border-top:1px solid var(--border-color);margin-top:50px;padding:40px 0}.footer-container{justify-content:space-between;align-items:center;display:flex}.footer-brand p{color:var(--text-muted);margin-top:8px;font-size:.875rem}.footer-links{color:var(--text-muted);font-size:.875rem}@media (width<=992px){.hero-container{text-align:center;grid-template-columns:1fr}.hero-subtitle{margin:0 auto 40px}.waitlist-form{max-width:500px;margin:0 auto 16px}.mockup-card{max-width:500px;margin:0 auto;transform:none}}@media (width<=768px){.hero-title{font-size:2.5rem}.hero{padding-top:70px}.nav-links{display:none}.navbar{padding:16px 0}.navbar.scrolled{padding:12px 0}.footer-container{text-align:center;flex-direction:column;gap:20px}}@media (width<=480px){.container{padding:0 16px}.hero{padding-top:60px}.hero-title{font-size:2rem}.hero-subtitle{max-width:100%;font-size:1rem}.waitlist-form{flex-direction:column;gap:12px}.waitlist-form input,.waitlist-form .btn{width:100%}.mockup-body{padding:20px}.match-card{padding:16px 12px}.team-logo{width:48px;height:48px}.team-logo ion-icon{font-size:24px}.features{padding:70px 0}.section-header{margin-bottom:40px}.section-header h2{font-size:2rem}.feature-card{padding:30px 24px}.logo{font-size:1.3rem}}.hero-ctas{gap:16px;margin-bottom:32px;display:flex}.pillars{z-index:1;padding:100px 0;position:relative}.pillars-grid{grid-template-columns:repeat(2,1fr);gap:30px;display:grid}.pillar-card{transition:var(--transition);flex-direction:column;padding:40px 36px;text-decoration:none;display:flex}.pillar-card:hover{border-color:#00ff884d;transform:translateY(-10px)}.pillar-icon{background:#00ff881a;border-radius:16px;justify-content:center;align-items:center;width:70px;height:70px;margin-bottom:24px;display:flex}.pillar-icon ion-icon{color:var(--primary);font-size:36px}.pillar-card h3{margin-bottom:12px;font-size:1.5rem}.pillar-card p{color:var(--text-muted);margin-bottom:24px;font-size:1rem;line-height:1.6}.pillar-features{flex-wrap:wrap;gap:8px;margin-bottom:28px;display:flex}.pillar-features span{color:var(--primary);background:#00ff8814;border:1px solid #00ff8826;border-radius:20px;padding:6px 14px;font-size:.8rem;font-weight:500}.pillar-cta{color:var(--primary);font-weight:600;font-family:var(--font-heading);transition:var(--transition);align-items:center;gap:8px;margin-top:auto;font-size:1rem;display:inline-flex}.pillar-card:hover .pillar-cta{gap:12px}.eventos-hero{min-height:auto;padding-top:140px;padding-bottom:60px}.eventos-destacado{z-index:1;padding:0 0 80px;position:relative}.evento-principal{padding:48px;position:relative;overflow:hidden}.evento-badge{color:#fb0;background:#ffbb0026;border:1px solid #ffbb004d;border-radius:20px;padding:6px 16px;font-size:.85rem;font-weight:600;position:absolute;top:20px;right:20px}.evento-content{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.evento-icono{background:#ffbb001a;border:1px solid #fb03;border-radius:16px;justify-content:center;align-items:center;width:70px;height:70px;margin-bottom:24px;display:flex}.evento-icono ion-icon{color:#fb0;font-size:36px}.evento-info h2{margin-bottom:4px;font-size:2rem}.evento-info h3{color:var(--text-muted);margin-bottom:16px;font-size:1.2rem;font-weight:500}.evento-descripcion{color:var(--text-muted);margin-bottom:24px;line-height:1.6}.evento-detalles{flex-direction:column;gap:12px;margin-bottom:28px;display:flex}.detalle{color:var(--text-muted);align-items:center;gap:10px;font-size:.95rem;display:flex}.detalle ion-icon{color:var(--primary);font-size:1.2rem}.bracket-preview{justify-content:center;align-items:center;gap:24px;display:flex}.bracket-round{flex-direction:column;gap:12px;display:flex}.bracket-match{background:#0000004d;border-radius:8px;justify-content:space-between;align-items:center;gap:20px;min-width:160px;padding:12px 18px;display:flex}.bracket-match.final{background:#00ff8814;border:1px solid #0f83}.team-name{font-size:.85rem;font-weight:600;font-family:var(--font-heading)}.score{color:var(--primary);font-weight:700;font-family:var(--font-heading)}.eventos-proximos{z-index:1;padding:80px 0;position:relative}.eventos-grid{grid-template-columns:repeat(2,1fr);gap:30px;display:grid}.evento-card{transition:var(--transition);padding:36px 30px;position:relative}.evento-card:hover{border-color:#00ff884d;transform:translateY(-10px)}.evento-card-badge{color:#fb0;background:#ffbb001a;border:1px solid #fb03;border-radius:12px;padding:4px 12px;font-size:.75rem;font-weight:600;position:absolute;top:16px;right:16px}.evento-card-icono{background:#00ff881a;border-radius:14px;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:20px;display:flex}.evento-card-icono ion-icon{color:var(--primary);font-size:30px}.evento-card h3{margin-bottom:12px;font-size:1.25rem}.evento-card p{color:var(--text-muted);margin-bottom:20px;font-size:.95rem;line-height:1.5}.evento-card-detalles{gap:20px;display:flex}.evento-card-detalles span{color:var(--text-muted);align-items:center;gap:6px;font-size:.85rem;display:flex}.evento-card-detalles ion-icon{color:var(--primary);font-size:1rem}.eventos-cta{z-index:1;padding:60px 0 100px;position:relative}.cta-card{text-align:center;padding:60px}.cta-card h2{margin-bottom:16px;font-size:2rem}.cta-card p{color:var(--text-muted);max-width:600px;margin:0 auto 32px;font-size:1.05rem;line-height:1.6}.cta-buttons{justify-content:center;gap:16px;display:flex}.dashboard-events{border:1px solid var(--border-color);background:#00000040;border-radius:12px;margin-bottom:20px;padding:20px}.events-header{align-items:center;gap:10px;margin-bottom:18px;display:flex}.events-header ion-icon{color:var(--primary);font-size:1.1rem}.events-header h4{color:var(--text-main);text-transform:uppercase;letter-spacing:.5px;font-size:.85rem;font-weight:700}.events-list{flex-direction:column;gap:10px;list-style:none;display:flex}.event-item{transition:var(--transition);background:#00000040;border:1px solid #0000;border-radius:10px;align-items:center;gap:14px;padding:12px 14px;display:flex}.event-item:hover{border-color:var(--border-color);background:#0006}.event-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;box-shadow:0 0 8px}.dot-padel{color:#fb0;background:#fb0}.dot-carrera{color:#00bfff;background:#00bfff}.dot-liga{background:var(--primary);color:var(--primary)}.event-info{flex-direction:column;flex:1;gap:2px;display:flex}.event-name{color:var(--text-main);font-size:.9rem;font-weight:600;font-family:var(--font-heading)}.event-meta{color:var(--text-muted);font-size:.75rem}.event-tag{text-transform:uppercase;letter-spacing:.3px;border-radius:6px;flex-shrink:0;padding:4px 10px;font-size:.7rem;font-weight:600}.tag-padel{color:#fb0;background:#ffbb001f}.tag-carrera{color:#00bfff;background:#00bfff1f}.tag-liga{color:var(--primary);background:#00ff881f}@media (width<=992px){.pillars-grid,.evento-content{grid-template-columns:1fr}.evento-visual{display:none}.eventos-grid{grid-template-columns:1fr}}@media (width<=768px){.hero-ctas{flex-direction:column;align-items:center}.hero-ctas .btn{width:100%;max-width:300px}.evento-principal{padding:30px 24px}.cta-card{padding:40px 24px}.cta-buttons{flex-direction:column;align-items:center}.cta-buttons .btn{width:100%;max-width:300px}}@media (width<=480px){.hero-ctas{gap:12px}}