:root{--sans:system-ui, "Segoe UI", Roboto, sans-serif}body{font-family:var(--sans);background-color:#000;margin:0;padding:0}#root{flex-direction:column;width:100vw;min-height:100vh;margin:0;padding:0;display:flex;overflow-x:hidden}:root{--primary-color:#018c01;--title-color:#173d26;--text-dark:#2c3e50;--text-gray:#546263;--btn-radius:30px}body,html{background-color:#fff;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow-x:hidden}.tennis-landing{flex-direction:column;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.wave-divider{z-index:3;width:100%;line-height:0;position:absolute;bottom:0;left:0;overflow:hidden}.wave-divider svg{width:calc(100% + 1.3px);height:80px;display:block;position:relative}.bg-glow{filter:blur(120px);z-index:0;pointer-events:none;opacity:.6;border-radius:50%;position:absolute}.glow-top-left{opacity:.4;background:#018c0133;width:400px;height:400px;top:-150px;left:-150px}.glow-bottom-right{opacity:.6;background:#018c0126;width:700px;height:700px;bottom:-200px;right:-100px}.navbar{z-index:10;justify-content:space-between;align-items:center;padding:20px 5%;display:flex;position:relative}.brand-logo{object-fit:contain;width:auto;height:100px}.nav-links{gap:30px;margin:0;padding:0;list-style:none;display:flex}.nav-links a{color:var(--text-dark);text-transform:capitalize;font-size:14px;font-weight:500;text-decoration:none;transition:color .3s}.nav-links a:hover{color:var(--primary-color)}.nav-contact{background:linear-gradient(180deg, var(--primary-color) 0%, #016b01 100%);color:#fff;cursor:pointer;border:1px solid #005000;border-radius:6px;justify-content:center;align-items:center;padding:10px 24px;font-size:15px;font-weight:700;transition:all .3s;display:inline-flex;box-shadow:inset 0 1px #fff3,0 4px 6px #0000001a}.nav-contact:hover{background:linear-gradient(#019901 0%,#017a01 100%);box-shadow:inset 0 1px #ffffff4d,0 6px 12px #00000026}.hero-container{z-index:1;flex:1;justify-content:space-between;align-items:center;padding:0 5%;display:flex;position:relative}.hero-left{z-index:2;flex:1.2;max-width:650px}.main-headline{letter-spacing:-1px;color:var(--title-color);margin:0 0 20px;font-size:3.2rem;font-weight:800;line-height:1.1}.main-subheadline{max-width:400px;color:var(--text-dark);margin-bottom:30px;font-size:1.15rem;font-weight:500;line-height:1.5}.cta-group{gap:15px;margin-bottom:40px;display:flex}.btn-primary{background:linear-gradient(180deg, var(--primary-color) 0%, #016b01 100%);color:#fff;cursor:pointer;border:1px solid #005000;border-radius:6px;justify-content:center;align-items:center;gap:10px;padding:12px 28px;font-size:17px;font-weight:700;transition:all .3s;display:inline-flex;box-shadow:inset 0 1px #fff3,0 4px 6px #0000001a}.btn-primary span{font-size:18px;transition:transform .2s}.btn-primary:hover{background:linear-gradient(#019901 0%,#017a01 100%);box-shadow:inset 0 1px #ffffff4d,0 6px 12px #00000026}.btn-primary:hover span{transform:translate(4px)}.btn-secondary{color:var(--primary-color);border:2px solid var(--primary-color);cursor:pointer;background:0 0;border-radius:6px;padding:14px 34px;font-size:16px;font-weight:700;transition:all .3s}.btn-secondary:hover{background:#018c011a;transform:translateY(-2px)}.members-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:30px;align-items:center;width:fit-content;padding:5px 20px 5px 5px;display:flex}.member-avatars{display:flex}.member-avatars img{border:2px solid #fff;border-radius:50%;width:35px;height:35px;margin-left:-10px}.member-avatars img:first-child{margin-left:0}.members-count{color:var(--text-dark);margin-left:15px;font-size:13px;font-weight:600}.hero-right{flex:1;justify-content:center;align-items:center;padding-left:50px;display:flex}.hero-image{object-fit:contain;max-width:110%;max-height:85vh}.glass-card{-webkit-backdrop-filter:blur(15px);background:#ffffff26;border:1px solid #ffffff4d;border-radius:20px;width:280px;overflow:hidden;box-shadow:0 10px 30px #0003}.card-image{object-fit:cover;width:100%;height:120px}.card-content{padding:15px}.card-content h3{margin:0 0 5px;font-size:14px}.card-content p{color:#e0e0e0;margin:0 0 10px;font-size:11px;line-height:1.4}.card-link{color:#fff;font-size:12px;font-weight:600;text-decoration:none}.card-video-placeholder{position:relative}.play-button-overlay{color:#000;cursor:pointer;background:#ffffffb3;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.card-btn-small{color:#000;cursor:pointer;background:#fff;border:none;border-radius:15px;padding:5px 15px;font-size:11px;font-weight:600}.bottom-stats{gap:10px;padding:0 5% 30px;display:flex}.stat-pill{-webkit-backdrop-filter:blur(5px);border:1px solid #fff6;border-radius:20px;padding:6px 15px;font-size:11px}.right-arrow-nav{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);cursor:pointer;background:#ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-weight:700;display:flex;position:absolute;top:50%;right:20px;transform:translateY(-50%)}.features-section{background-color:#f0ede1;padding:100px 5%}.features-headline{color:var(--title-color);max-width:900px;margin:0 0 60px;font-size:2.8rem;line-height:1.2}.features-grid{grid-template-columns:repeat(3,1fr);gap:50px;display:grid}.feature-card{flex-direction:column;display:flex}.icon-container{background-color:#7ab945;border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;margin-bottom:25px;display:flex;position:relative}.icon-number{width:38px;height:38px;color:var(--primary-color);background-color:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;font-weight:800;display:flex;position:absolute;top:-5px;left:-10px;box-shadow:0 4px 8px #0000001a}.feature-card h3{color:var(--title-color);margin:0 0 15px;font-size:1.6rem}.feature-card p{color:var(--text-dark);margin:0;font-size:1.05rem;line-height:1.6}.features-cta{justify-content:center;margin-top:60px;display:flex}.about-section{background-color:#fff;padding:100px 5%}.about-container{justify-content:space-between;align-items:center;gap:60px;max-width:1200px;margin:0 auto;display:flex}.about-content{flex:1;max-width:600px}.about-headline{color:var(--primary-color);text-transform:uppercase;letter-spacing:2px;margin:0 0 15px;font-size:1.2rem;font-weight:700}.about-subheadline{color:var(--title-color);margin:0 0 25px;font-size:2.4rem;font-weight:800;line-height:1.2}.about-text{color:var(--text-dark);margin-bottom:20px;font-size:1.1rem;line-height:1.7}.about-image-wrapper{flex:1;justify-content:center;align-items:center;display:flex;position:relative}.about-visual-element{justify-content:center;align-items:center;width:350px;height:350px;display:flex;position:relative}.about-circle{border-radius:50%;position:absolute}.about-circle-1{background-color:#f6f9f6;border:2px dashed #018c0133;width:100%;height:100%;animation:30s linear infinite spin}.about-circle-2{background-color:#018c010d;width:80%;height:80%}.about-logo-center{object-fit:cover;z-index:2;border-radius:50%;width:280px;height:280px;position:relative;box-shadow:0 10px 25px #0000001a}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.faq-section{background-color:#f6f9f6;padding:100px 5%}.faq-container{max-width:800px;margin:0 auto}.faq-headline{text-align:center;color:var(--title-color);margin-bottom:50px;font-size:2.8rem}.faq-list{flex-direction:column;gap:15px;display:flex}.faq-item{cursor:pointer;background:#fff;border:1px solid #e9ecef;border-radius:12px;transition:all .3s;overflow:hidden;box-shadow:0 4px 6px #00000008}.faq-item:hover{border-color:var(--primary-color)}.faq-question{justify-content:space-between;align-items:center;padding:20px 25px;display:flex}.faq-question h3{color:var(--title-color);margin:0;padding-right:20px;font-size:1.1rem;font-weight:600}.faq-icon{color:var(--primary-color);transition:transform .3s}.faq-item.active .faq-icon{transform:rotate(180deg)}.faq-answer{background-color:#fafbfc;max-height:0;transition:max-height .3s,padding .3s;overflow:hidden}.faq-item.active .faq-answer{max-height:200px;padding:0 25px 20px}.faq-answer p{color:var(--text-dark);border-top:1px solid #eee;margin:0;padding-top:20px;line-height:1.6}.footer{background-color:var(--title-color);color:#f0f0f0;padding:40px 5% 20px}.footer-content{text-align:center;border-bottom:1px solid #ffffff1a;flex-direction:column;align-items:center;max-width:1200px;margin:0 auto;padding-bottom:25px;display:flex}.footer-logo-section p{opacity:.8;max-width:300px;margin-top:15px;line-height:1.6}.footer-logo{object-fit:contain;height:100px}.footer-bottom{text-align:center;opacity:.6;padding-top:20px;font-size:.9rem}.hamburger{cursor:pointer;z-index:1001;flex-direction:column;gap:6px;display:none}.hamburger span{background-color:var(--text-dark);border-radius:2px;width:25px;height:3px;transition:all .3s ease-in-out;display:block}.hamburger.active span:first-child{transform:translateY(4.5px)rotate(45deg)}.hamburger.active span:nth-child(2){transform:translateY(-4.5px)rotate(-45deg)}@media (width<=968px){.hamburger{display:flex}.nav-links{z-index:1000;background:#fff;flex-direction:column;align-items:center;width:250px;height:100vh;padding-top:100px;transition:right .3s;position:fixed;top:0;right:-100%;box-shadow:-5px 0 15px #0000001a}.nav-links.active{right:0}.nav-contact{display:none}.hero-container{text-align:center;flex-direction:column-reverse;padding:10px 5%}.hero-left{max-width:100%;margin-bottom:70px}.glow-top-left{opacity:.2;width:250px;height:250px;top:-100px;left:-100px}.glow-bottom-right{opacity:.2;width:350px;height:350px;bottom:-150px;right:-100px}.navbar{padding:10px 5%}.brand-logo{height:80px}.main-headline{margin-bottom:8px;font-size:2.1rem;line-height:1.15}.main-subheadline{margin-bottom:15px;margin-left:auto;margin-right:auto;font-size:.95rem}.cta-group{flex-direction:column;align-items:center;gap:10px}.btn-secondary{display:none}.members-section{margin:15px auto 0}.hero-right{width:100%;margin-top:0;margin-bottom:10px;padding-left:0}.hero-image{max-width:100%;max-height:25vh}.features-grid{grid-template-columns:1fr;gap:40px}.features-headline{font-size:2rem}.features-section{padding:60px 8%}.about-container{text-align:left;flex-direction:column-reverse;gap:40px}.about-content{flex-direction:column;align-items:flex-start;display:flex}.about-subheadline{font-size:1.8rem}.about-section{padding:60px 8%}.about-visual-element{width:280px;height:280px}.faq-headline{font-size:2.2rem}.faq-section{padding:60px 5%}.faq-question h3{font-size:1rem}.faq-item.active .faq-answer{max-height:300px}.footer-content{padding-bottom:30px}}
