: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}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:100vh;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}.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:100vh;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}.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%;width:60px;height:60px}.team-logo.local{border-color:var(--primary)}.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}.nav-links{display:none}.footer-container{text-align:center;flex-direction:column;gap:20px}}