body.landing-page{background:#080808;height:auto;display:block;overflow:auto}.landing-nav{z-index:100;backdrop-filter:blur(10px);background:rgba(8,8,8,.95);border-bottom:1px solid #333;justify-content:space-between;align-items:center;padding:16px 40px;display:flex;position:sticky;top:0}.landing-nav-brand{align-items:center;gap:12px;text-decoration:none;display:flex}.landing-nav-brand img{object-fit:contain;width:40px;height:40px}.landing-nav-brand span{color:#fff;letter-spacing:1px;font-size:1.2rem;font-weight:700}.landing-nav-links{align-items:center;gap:24px;display:flex}.landing-nav-link{color:#999;font-size:.95rem;text-decoration:none;transition:color .2s}.landing-nav-link:hover{color:var(--accent)}.landing-section-title{color:#fff;text-align:center;margin-bottom:15px;font-size:2rem}.landing-section-subtitle{color:#999;text-align:center;margin-bottom:40px;font-size:1.05rem;line-height:1.6}.landing-how-it-works{margin:80px 0}.steps-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;display:grid}.step-card{text-align:center;background:#111;border:1px solid #333;border-radius:8px;padding:30px 20px;transition:all .3s}.step-card:hover{border-color:var(--accent);transform:translateY(-5px)}.step-number{background:var(--accent);color:#000;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 15px;font-size:1.4rem;font-weight:700;display:flex}.step-card h3{color:#fff;margin:15px 0 10px;font-size:1.2rem}.step-card p{color:#999;margin:0;font-size:.95rem;line-height:1.6}.landing-screenshot{background:#111;border:1px solid #333;border-radius:12px;margin:60px 0;padding:4px;overflow:hidden}.landing-screenshot img{border-radius:8px;width:100%;display:block}.landing-screenshot-placeholder{aspect-ratio:16/9;color:#666;background:linear-gradient(135deg,#111 0%,#1a1a1a 100%);border-radius:8px;justify-content:center;align-items:center;width:100%;font-size:1.1rem;display:flex}.landing-contact{max-width:560px;margin:60px auto 0}.contact-form{text-align:left;flex-direction:column;gap:14px;display:flex}.contact-form input,.contact-form textarea{color:#fff;background:#181818;border:1px solid #3a3a3a;border-radius:8px;outline:none;padding:14px 16px;font-family:inherit;font-size:1rem;transition:border-color .2s}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--accent)}.contact-form textarea{resize:vertical;min-height:120px}.contact-form input::-webkit-input-placeholder{color:#666}.contact-form input::placeholder{color:#666}.contact-form textarea::-webkit-input-placeholder{color:#666}.contact-form textarea::placeholder{color:#666}.contact-form button{align-self:center;min-width:200px}.contact-status{text-align:center;min-height:1.4em;margin:0;font-size:.9rem}.contact-status.success{color:#6d7}.contact-status.error{color:#f66}@media (max-width:768px){.landing-nav{padding:12px 20px}.landing-nav-links{gap:12px}.landing-nav-link{font-size:.85rem}.landing-hero h1{font-size:2rem}.landing-section-title{font-size:1.5rem}.landing-container{padding:40px 16px}.contact-form button{width:100%}.sports-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:15px}.sport-card{padding:15px}.sport-icon{margin-bottom:10px;font-size:2.5rem}.sport-card h3{font-size:1rem}.sport-card p{font-size:.8rem}}.landing-logo-img{object-fit:contain;width:100px;height:100px;margin-bottom:20px}.landing-container{text-align:center;max-width:1200px;margin:0 auto;padding:60px 20px}.landing-hero{margin-bottom:60px}.landing-hero h1{color:#fff;margin-bottom:20px;font-size:3rem;font-weight:700;line-height:1.2}.landing-hero p{color:#999;margin-bottom:30px;font-size:1.2rem;line-height:1.6}.landing-cta{flex-wrap:wrap;justify-content:center;gap:15px;margin-bottom:30px;display:flex}.login-section{color:#999;margin:20px 0 50px;font-size:.95rem}.login-section span{margin-right:8px}.login-link{color:var(--accent);font-weight:600;text-decoration:none;transition:all .2s}.login-link:hover{color:#5aa503;text-decoration:underline}.landing-btn{cursor:pointer;border:none;border-radius:6px;padding:14px 32px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.landing-btn-primary{background:var(--accent);color:#000}.landing-btn-primary:hover{background:#5aa503;transform:translateY(-2px);box-shadow:0 10px 25px rgba(102,187,106,.3)}.landing-btn-secondary{color:#fff;background:#333;border:2px solid #444}.landing-btn-secondary:hover{border-color:var(--accent);color:var(--accent);background:rgba(102,187,106,.1)}.landing-features{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin:60px 0;display:grid}.feature{text-align:center;background:#111;border:1px solid #333;border-radius:8px;padding:30px 20px;transition:all .3s;animation:.5s ease-out fadeInUp}.feature:hover{border-color:var(--accent);transform:translateY(-5px);box-shadow:0 20px 40px rgba(102,187,106,.1)}.feature-icon{color:var(--accent);margin-bottom:15px;font-size:3rem}.feature h3{color:#fff;margin:15px 0;font-size:1.3rem}.feature p{color:#999;margin:0;font-size:.95rem;line-height:1.6}.landing-stats{background:#111;border:1px solid #333;border-radius:8px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:30px;margin:60px 0;padding:40px;display:grid}.stat{text-align:center}.stat-number{color:var(--accent);margin-bottom:10px;font-size:2.5rem;font-weight:700}.stat-label{color:#999;font-size:.95rem}.landing-sports{margin:60px 0}.sports-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:20px;margin-top:40px;display:grid}.sport-card{text-align:center;cursor:default;background:#111;border:1px solid #333;border-radius:8px;padding:20px;transition:all .3s;animation:.5s ease-out fadeInUp}.sport-card:hover{border-color:var(--accent);background:rgba(102,187,106,.05);transform:translateY(-5px);box-shadow:0 15px 35px rgba(102,187,106,.15)}.sport-icon{margin-bottom:12px;font-size:3rem;display:block}.sport-card h3{color:#fff;margin:12px 0 8px;font-size:1.1rem;font-weight:600}.sport-card p{color:#999;margin:0;font-size:.85rem;line-height:1.4}.landing-testimonials{margin:60px 0}.landing-testimonials h2{color:#fff;margin-bottom:40px;font-size:2rem}.testimonials-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.testimonial{text-align:left;background:#111;border:1px solid #333;border-radius:8px;padding:20px;animation:.5s ease-out fadeInUp}.testimonial-text{color:#ccc;margin-bottom:15px;font-size:.95rem;font-style:italic;line-height:1.6}.testimonial-author{color:var(--accent);font-weight:600}.testimonial-role{color:#999;font-size:.85rem}.landing-footer-section{text-align:center;background:#111;border:1px solid #333;border-radius:8px;margin:60px 0 0;padding:40px}.landing-footer-section h2{color:#fff;margin:0 0 15px;font-size:1.8rem}.landing-footer-section p{color:#999;margin:0 0 25px;font-size:1.05rem;line-height:1.6}.landing-footer-links{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.landing-footer-link{color:var(--accent);font-weight:600;text-decoration:none;transition:color .2s}.landing-footer-link:hover{color:#5aa503;text-decoration:underline}.landing-comparison{background:#111;border:1px solid #333;border-radius:8px;margin:60px 0;padding:30px;overflow-x:auto}.comparison-table{border-collapse:collapse;color:#ccc;width:100%;font-size:.95rem}.comparison-table th{color:#fff;text-align:left;background:#0a0a0a;border-bottom:2px solid #333;padding:12px;font-weight:600}.comparison-table td{border-bottom:1px solid #333;padding:12px}.comparison-table tr:last-child td{border-bottom:none}.comparison-check{color:var(--accent);font-weight:700}.comparison-cross{color:#666}.landing-highlight{border-left:4px solid var(--accent);color:#ccc;background:linear-gradient(135deg,rgba(102,187,106,.2) 0%,rgba(102,187,106,.05) 100%);border-radius:6px;margin:20px 0;padding:20px}.landing-highlight strong{color:var(--accent)}.landing-footer{text-align:center;color:#666;border-top:1px solid #333;margin-top:60px;padding:20px;font-size:.85rem}.auth-footer{text-align:center;color:#666;margin-top:30px;font-size:.85rem}.feature-grid-compact{text-align:center;gap:15px;margin:25px 0;font-size:.9rem;display:flex}.feature-compact{flex:1}.feature-compact-icon{margin-bottom:5px;font-size:2rem}.feature-compact-title{color:var(--accent);margin-bottom:3px;font-weight:600}.feature-compact-desc{color:#999;font-size:.85rem}.cta-stack{flex-direction:column;gap:12px;margin-top:25px;display:flex}.cta-stack .primary-btn{text-align:center;text-decoration:none}.cta-stack .primary-btn.outline{border:2px solid var(--accent);color:var(--accent);background:0 0}.cta-stack .primary-btn.outline:hover{background:rgba(102,187,106,.1)}