.HeroSection{color:#fff;flex-direction:column;justify-content:center;width:100%;padding:clamp(3rem,5vw,4.5rem) clamp(1.5rem,6vw,3.5rem);display:flex;position:relative;overflow:hidden}.Background{z-index:1;background-image:url(../media/homefirst.c252a9b7.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.Overlay{z-index:3;justify-content:center;width:100%;max-width:650px;position:relative}.HeroSection:before{content:"";z-index:2;background:linear-gradient(90deg,#000000d9,#0003);position:absolute;inset:0}.Overlay h1{text-transform:uppercase;font-size:clamp(2.6rem,4vw + 1rem,4.2rem);font-weight:900;line-height:1.05}.yellow{color:#ffc400}.subtext{opacity:.9;max-width:480px;margin-top:1rem;font-size:clamp(1rem,2vw + .3rem,1.15rem)}.hero-buttons{z-index:3;flex-wrap:wrap;gap:.75rem;margin-top:2rem;display:flex;position:relative}.btn-primary{color:#000;cursor:pointer;text-align:center;background:#ffc400;border:none;justify-content:center;align-items:center;padding:.9rem 2rem;font-size:15px;font-weight:700;transition:transform .2s;display:flex}.btn-primary:hover{transform:translateY(-3px)}.btn-outline{color:#ffc400;cursor:pointer;background:0 0;border:2px solid #ffc400;padding:.9rem 2rem;font-weight:700;transition:all .25s}.btn-outline:hover{color:#000;background:#ffc400}@media (max-width:768px){.HeroSection{padding:2.75rem 1.75rem}.Overlay h1{font-size:clamp(2.4rem,6vw + .5rem,3rem)}}@media (max-width:640px){.HeroSection{min-height:93vh;padding:2.25rem 1.25rem}.Overlay{align-items:center;max-width:100%}.hero-buttons{flex-direction:column;width:100%}.btn-primary,.btn-outline{justify-content:center;width:100%}}
.Aboutyecuu{color:#fff;background-color:#000;justify-content:space-between;align-items:center;min-height:80vh;padding:60px 10%;display:flex}.about-left{flex:1;padding-right:50px}.about-left .h1{margin-bottom:30px;font-size:3.5rem;font-weight:900;line-height:1}.about-left .yellow{color:#ffde00;margin-top:10px;display:block}.about-left p{max-width:500px;margin-bottom:40px;font-family:Arial,sans-serif;font-size:1.1rem;font-weight:300;line-height:1.6}.mission-box{color:#000;background-color:#ffde00;max-width:450px;padding:30px}.mission-box:hover{transition:all .3s;transform:skew(4deg)scale(1.05);box-shadow:0 4px 15px #0003}.mission-box h2{color:#000;letter-spacing:2px;margin-bottom:15px;font-size:larger;font-weight:1000}.mission-box p{margin-bottom:0;font-size:1rem;font-weight:600;line-height:1.4}.about-right{flex:1;justify-content:flex-end;display:flex}.image-wrapper{border:4px solid #ffde00;padding:0;line-height:0;position:relative}.image-wrapper:hover{transition:all .2s;transform:scale(1.05);box-shadow:0 4px 15px #ffde0099}.image-wrapper img{filter:grayscale();width:100%;max-width:500px;height:auto}.est-tag{color:#000;background-color:#ffde00;padding:10px 20px;font-size:1.1rem;font-weight:900;position:absolute;top:0;right:0}@media (max-width:968px){.Aboutyecuu{text-align:left;flex-direction:column;padding:40px 5%}.about-left{margin-bottom:50px;padding-right:0}.about-right{justify-content:center;width:100%}}
.Training{color:#fff;text-align:center;background:#0b0b0b;padding:80px 6%;font-family:Poppins,sans-serif}.Training h1{letter-spacing:1px;margin-bottom:10px;font-size:3rem;font-weight:800}.Training .yellow{color:#ffd400}.Training p{color:#bfbfbf;margin-bottom:60px;font-size:1.05rem}.training_container{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;display:grid}.Youth_training,.Advanced_training,.Team_camps{text-align:left;background:linear-gradient(#ffd4000d,#000000e6);border:1px solid #ffd40066;padding:40px 30px;transition:all .3s;position:relative}.Youth_training:hover,.Advanced_training:hover,.Team_camps:hover{transform:translateY(-10px);box-shadow:0 0 25px #ffd40040}.Youth_training h2,.Advanced_training h2,.Team_camps h2{margin-bottom:15px;font-size:1.4rem;font-weight:700}.Youth_training p,.Advanced_training p,.Team_camps p{color:#cfcfcf;margin-bottom:25px;font-size:.95rem}.training_container ul{margin-bottom:35px;padding:0;list-style:none}.training_container ul li{margin-bottom:12px;padding-left:20px;font-size:.95rem;position:relative}.training_container ul li:before{content:"■";color:#ffd400;font-size:.6rem;position:absolute;top:4px;left:0}.training_container button{color:#ffd400;letter-spacing:1px;cursor:pointer;background:0 0;border:2px solid #ffd400;width:100%;padding:14px;font-weight:600;transition:all .3s}.training_container button:hover{color:#000;background:#ffd400}@media (max-width:768px){.Training h1{font-size:2.3rem}.Training{padding:60px 4%}}
