@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;600;700;800&family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg: #030712;--panel: #08101f;--blue: #1992ff;--orange: #ffae00;--white: #f5f7fb;--text: #a7b7d0;--border: #1a3558}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,sans-serif;background:radial-gradient(circle at top,rgba(25,146,255,.12),transparent 40%),var(--bg);color:#fff;min-height:100vh}#particles{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.particle{position:absolute;width:3px;height:3px;border-radius:50%;background:#1992ff;opacity:.5}@keyframes float{0%{transform:translateY(0)}to{transform:translateY(-120vh)}}.navbar{display:flex;justify-content:space-between;align-items:center;padding:10px 5%;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#030712b3;position:sticky;top:0;z-index:100}.logo-area{display:flex;align-items:center}.logo-area img{height:160px;width:auto;display:block;mix-blend-mode:screen;filter:brightness(1.15) saturate(1.1) drop-shadow(0 0 18px rgba(25,146,255,.7)) drop-shadow(0 0 36px rgba(25,146,255,.35));transition:filter .3s ease,transform .3s ease}.logo-area img:hover{filter:brightness(1.25) saturate(1.15) drop-shadow(0 0 24px rgba(25,146,255,.9)) drop-shadow(0 0 48px rgba(25,146,255,.5));transform:scale(1.05)}nav{display:flex;gap:30px}nav a{color:var(--white);text-decoration:none;font-family:Orbitron,sans-serif;font-size:.82rem;letter-spacing:.05em;transition:color .25s;position:relative}nav a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--blue);transition:width .25s}nav a:hover:after,nav a.active:after{width:100%}nav a:hover{color:var(--blue)}.btn-primary{background:var(--blue);color:#fff;text-decoration:none;padding:12px 22px;border-radius:10px;font-family:Orbitron,sans-serif;font-size:.78rem;letter-spacing:.05em;transition:background .25s,transform .2s,box-shadow .25s;display:inline-block;border:none;cursor:pointer}.btn-primary:hover{background:#1a8cf0;transform:translateY(-2px);box-shadow:0 6px 20px #1992ff59}.btn-secondary{border:1px solid var(--border);color:#fff;text-decoration:none;padding:12px 22px;border-radius:10px;font-family:Orbitron,sans-serif;font-size:.78rem;letter-spacing:.05em;transition:border-color .25s,transform .2s;display:inline-block}.btn-secondary:hover{border-color:var(--blue);color:var(--blue);transform:translateY(-2px)}.hero{min-height:85vh;display:flex;align-items:center;padding:0 8%}.hero-content{max-width:960px}.hero h1{font-family:Orbitron,sans-serif;font-size:clamp(1.8rem,8vw,8.5rem);line-height:1.05;margin-bottom:32px;display:block;white-space:nowrap}.hero-line{display:block}.text-white-hero{color:var(--white)}.text-blue-hero{color:var(--blue);text-shadow:0 0 10px var(--blue),0 0 30px var(--blue)}.text-orange-hero{color:var(--orange)}.hero p{max-width:680px;color:var(--text);font-size:1.15rem;line-height:1.7;margin-bottom:40px}.hero-buttons{display:flex;gap:20px;flex-wrap:wrap}.services{padding:100px 8%}.section-title{font-family:Orbitron,sans-serif;font-size:clamp(2rem,4vw,3rem);margin-bottom:50px;color:var(--white)}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px}.card{background:#ffffff08;border:1px solid var(--border);padding:35px;border-radius:20px;transition:transform .3s,border-color .3s,box-shadow .3s}.card:hover{transform:translateY(-8px);border-color:#1992ff66;box-shadow:0 12px 40px #1992ff14}.number{color:var(--blue);font-size:.85rem;font-family:Orbitron,sans-serif;letter-spacing:.1em}.card h3{margin:14px 0 10px;font-size:1.1rem;color:var(--white)}.card p{color:var(--text);line-height:1.6}.featured-product{padding:80px 8% 100px}.product-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.section-tag{color:var(--blue);font-family:Orbitron,sans-serif;font-size:.75rem;letter-spacing:3px;display:block;margin-bottom:8px}.product-text h2{font-family:Orbitron,sans-serif;font-size:clamp(1.8rem,3.5vw,3rem);margin:16px 0 20px;color:var(--white);line-height:1.1}.product-text>p{color:var(--text);margin-bottom:24px;line-height:1.7;font-size:1.05rem}.product-text ul{margin-left:20px;margin-bottom:34px}.product-text li{margin-bottom:12px;color:var(--text);line-height:1.5}.product-text li::marker{color:var(--blue)}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:24px 0 28px;padding:24px;background:#1992ff0a;border:1px solid var(--border);border-radius:14px}.stat-item{text-align:center}.stat-item h2{font-family:Orbitron,sans-serif;color:var(--blue);font-size:clamp(1.6rem,3vw,2.4rem);line-height:1}.stat-item p{color:var(--text);font-size:.8rem;margin-top:6px;letter-spacing:.05em}.carousel-container{position:relative;width:100%}.carousel-track-wrapper{overflow:hidden;border-radius:20px;border:1px solid var(--border)}.carousel-track{display:flex;transition:transform .4s cubic-bezier(.25,.46,.45,.94)}.carousel-slide{flex:0 0 100%;min-width:0}.carousel-slide-inner{background:#08101fe6;border-radius:20px;overflow:hidden;aspect-ratio:9/16;max-height:560px;display:flex;align-items:center;justify-content:center}.carousel-screenshot{width:100%;height:100%;object-fit:cover;border-radius:20px;display:block}.carousel-slide-label{font-family:Orbitron,sans-serif;font-size:.7rem;color:var(--blue);letter-spacing:.12em;margin-bottom:12px;text-align:center}.carousel-mock-screen{width:100%;height:100%;display:flex;flex-direction:column;padding:20px}.mock-status-bar{display:flex;justify-content:space-between;align-items:center;padding:0 4px 12px;font-size:.7rem;color:var(--text);font-family:Orbitron,sans-serif}.mock-screen-content{flex:1;display:flex;flex-direction:column;gap:12px}.mock-screen-header{background:#1992ff1a;border:1px solid rgba(25,146,255,.2);border-radius:12px;padding:16px}.mock-screen-header h3{font-family:Orbitron,sans-serif;font-size:.9rem;color:var(--blue);margin-bottom:4px}.mock-screen-header p{font-size:.75rem;color:var(--text)}.mock-player-list{flex:1;display:flex;flex-direction:column;gap:8px}.mock-player-row{background:#ffffff08;border:1px solid var(--border);border-radius:10px;padding:10px 14px;display:flex;align-items:center;justify-content:space-between}.mock-player-name{font-size:.8rem;color:var(--white);font-weight:500}.mock-player-stat{font-family:Orbitron,sans-serif;font-size:.75rem;color:var(--blue)}.mock-player-badge{font-size:.65rem;padding:3px 8px;border-radius:20px;font-family:Orbitron,sans-serif;letter-spacing:.05em}.badge-active{background:#1992ff26;color:var(--blue);border:1px solid rgba(25,146,255,.3)}.badge-bench{background:#ffae001f;color:var(--orange);border:1px solid rgba(255,174,0,.25)}.badge-out{background:#ff64641a;color:#ff6464;border:1px solid rgba(255,100,100,.2)}.mock-bottom-nav{display:flex;justify-content:space-around;padding-top:12px;border-top:1px solid var(--border);margin-top:8px}.mock-nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:.6rem;color:var(--text);font-family:Orbitron,sans-serif;letter-spacing:.05em}.mock-nav-item.active-nav{color:var(--blue)}.mock-nav-icon{font-size:1.1rem}.mock-analytics-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:4px}.mock-analytics-card{background:#ffffff08;border:1px solid var(--border);border-radius:10px;padding:12px;text-align:center}.mock-analytics-value{font-family:Orbitron,sans-serif;font-size:1.3rem;color:var(--blue);line-height:1}.mock-analytics-label{font-size:.65rem;color:var(--text);margin-top:4px}.mock-analytics-value.orange{color:var(--orange)}.mock-bar-chart{background:#ffffff05;border:1px solid var(--border);border-radius:10px;padding:14px}.mock-bar-chart-title{font-size:.72rem;color:var(--text);margin-bottom:10px;font-family:Orbitron,sans-serif;letter-spacing:.05em}.mock-bars{display:flex;align-items:flex-end;gap:6px;height:60px}.mock-bar{flex:1;border-radius:4px 4px 0 0;background:linear-gradient(to top,var(--blue),rgba(25,146,255,.4));transition:opacity .2s}.mock-attendance-list{flex:1;display:flex;flex-direction:column;gap:8px}.mock-attendance-row{display:flex;align-items:center;justify-content:space-between;background:#ffffff08;border:1px solid var(--border);border-radius:10px;padding:10px 14px}.mock-game-info{font-size:.78rem;color:var(--white)}.mock-game-date{font-size:.65rem;color:var(--text);margin-top:2px}.mock-check{color:#3ddc84;font-size:1rem}.mock-x{color:#ff6464;font-size:1rem}.carousel-controls{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:18px}.carousel-btn{width:40px;height:40px;border-radius:50%;border:1px solid var(--border);background:#1992ff14;color:var(--blue);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,border-color .2s,transform .15s;font-size:1rem}.carousel-btn:hover{background:#1992ff2e;border-color:var(--blue);transform:scale(1.08)}.carousel-dots{display:flex;gap:8px}.carousel-dot{width:8px;height:8px;border-radius:50%;background:var(--border);cursor:pointer;transition:background .25s,transform .25s;border:none}.carousel-dot.active{background:var(--blue);transform:scale(1.3)}footer{padding:50px;text-align:center;border-top:1px solid var(--border);color:var(--text)}footer a{color:var(--blue);text-decoration:none}footer a:hover{text-decoration:underline}.contact-form{max-width:680px;margin:0 auto}.contact-form input,.contact-form textarea{width:100%;padding:15px 18px;margin-bottom:15px;border:1px solid var(--border);background:#091423;color:#fff;border-radius:10px;font-family:Inter,sans-serif;font-size:.95rem;transition:border-color .25s;outline:none}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--blue)}.contact-form input::placeholder,.contact-form textarea::placeholder{color:var(--text)}.contact-form button{border:none;cursor:pointer;width:100%;font-size:.95rem}.contact-email-note{margin-top:28px;color:var(--text);font-size:.95rem}.sport-card{font-size:1.5rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}.sport-card span{font-size:.9rem;color:var(--text);font-family:Orbitron,sans-serif;letter-spacing:.05em}.page-enter{animation:pageFadeIn .4s ease forwards}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.navbar{flex-direction:column;gap:16px;padding:18px 5%}nav{flex-wrap:wrap;justify-content:center;gap:16px}.hero{min-height:auto;padding:80px 8% 60px}.product-content{grid-template-columns:1fr}.hero-buttons{flex-direction:column}.stats-row{grid-template-columns:1fr;gap:14px}.mock-analytics-grid{grid-template-columns:1fr}}