:root{--blue:#079fe8;--navy:#020a14;--panel:#061522;--white:#f5f7f8;--muted:#d6dce0;--line:#244154}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);color:var(--white);font-family:Roboto,Arial,sans-serif}a{color:inherit;text-decoration:none}
.header{height:94px;position:fixed;z-index:20;top:0;left:0;right:0;display:flex;align-items:center;gap:35px;padding:0 2.5%;background:linear-gradient(#020913dd,#02091300);font-family:Oswald,sans-serif;font-weight:700;letter-spacing:2px}.brand{display:flex;align-items:center;gap:13px;font-size:24px;letter-spacing:3px}.brand-mark{display:grid;place-items:center;width:52px;height:52px;background:var(--blue);color:#00101a;border-radius:4px;font-size:19px}.header nav{margin-left:auto;display:flex;gap:42px}.header nav a{font-size:15px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 30px;border-radius:4px;font-family:Oswald,sans-serif;font-weight:700;letter-spacing:2px}.btn-blue{background:var(--blue);color:#00111c}.header-btn{min-height:52px}.menu{display:none;background:none;border:0;color:white;font-size:28px}
.hero{min-height:760px;height:100vh;max-height:1024px;position:relative;overflow:hidden;padding:160px 5% 80px}.hero-bg{position:absolute;inset:0;background-image:url("../assets/hero-field.jpg");background-size:cover;background-position:center}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#020b13ef 0%,#020b1390 42%,#020b1310 72%),linear-gradient(0deg,#020b13 0%,transparent 30%)}.hero-content{position:relative;z-index:2;max-width:690px}.eyebrow{color:var(--blue);font-family:Oswald,sans-serif;font-weight:700;letter-spacing:2px;font-size:14px;margin-bottom:20px}.eyebrow:before{content:"";display:inline-block;width:30px;height:2px;background:var(--blue);vertical-align:middle;margin-right:12px}h1,h2,h3{font-family:"Bebas Neue",Impact,sans-serif;margin:0;line-height:.95;letter-spacing:1px}h1{font-size:78px}h1 span,h2 span{color:var(--blue)}.lead{font-size:18px;line-height:1.55;max-width:600px;margin:25px 0 32px}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:590px;margin-bottom:30px}.info-card{min-height:108px;border:1px solid #284557;background:#03121bdd;padding:17px;display:flex;gap:17px}.info-card b{font-size:31px;color:var(--blue);font-family:Arial}.info-card strong{display:block;font-family:Oswald,sans-serif;letter-spacing:2px;font-size:15px;margin-bottom:8px}.info-card span{font-size:15px;line-height:1.45;color:#e2e6e9}.founded{position:absolute;z-index:3;right:16%;bottom:60px;background:var(--blue);color:#00101a;width:126px;height:116px;display:flex;flex-direction:column;justify-content:center;align-items:center}.founded strong{font:50px "Bebas Neue";line-height:.9}.founded small{font:700 12px Oswald;letter-spacing:1px;margin-top:8px}.founded-caption{position:absolute;right:3%;bottom:72px;font-size:16px;line-height:1.35}.founded-caption div{width:120px;height:3px;background:var(--blue);margin-top:12px}
.split{display:grid;grid-template-columns:1fr 1fr;min-height:260px;border-top:1px solid var(--line)}.photo{min-height:260px;background-size:cover;background-position:center}.training{background-image:url("../assets/training.jpg")}.ball{background-image:url("../assets/ball.jpg")}.feature-copy{padding:35px 5%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;background:#030e19}.feature-copy h2{font-size:38px}.feature-copy p{max-width:500px;line-height:1.45;margin:12px 0 18px}.feature-copy em{font-size:13px;margin-top:8px}.btn-green{background:#27d72d;color:white}.btn-instagram{background:linear-gradient(90deg,#a818e9,#ff9d1b);color:#fff}.reverse .photo{order:2}.reverse .feature-copy{order:1}
.content-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}.championships,.history{padding:28px 3%;border-right:1px solid var(--line)}.history{border-right:0;position:relative;overflow:hidden}.content-grid h2{font-size:32px;margin-bottom:18px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.cards article{background:#07131b;border:1px solid #334653;border-radius:4px;overflow:hidden}.card-title{text-align:center;font-family:Oswald;font-weight:700;font-size:15px;padding:9px 3px;line-height:1.3}.card-title span{font-family:Roboto;font-weight:400}.cards img{display:block;width:100%;height:120px;object-fit:cover}.history p{max-width:500px;line-height:1.5;position:relative;z-index:2}.history img{position:absolute;right:0;bottom:0;width:55%;height:100%;object-fit:cover;opacity:.8;mask-image:linear-gradient(90deg,transparent,#000 30%)}.club-values{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.club-values div{padding:30px;border-right:1px solid var(--line);background:#03101d}.club-values span{color:var(--blue);font-family:Oswald}.club-values h3{font-size:28px;margin:10px 0}.club-values p{color:var(--muted)}
footer{display:flex;justify-content:space-between;gap:30px;padding:28px 4%;border-top:1px solid var(--line);font-size:13px;color:#dbe2e6}footer strong{font:28px "Bebas Neue";letter-spacing:2px;color:var(--blue)}footer p{margin:7px 0}footer>div:nth-child(2){display:flex;gap:20px;font-family:Oswald;letter-spacing:1px;align-items:center}.admin{color:var(--blue);font-family:Oswald;letter-spacing:1px}.admin small{font-family:Roboto;color:#c7d1d7;letter-spacing:0}
@media(max-width:900px){.header nav,.header-btn{display:none}.menu{display:block;margin-left:auto}.hero{padding:130px 5% 60px;min-height:900px}.hero-bg{background-position:60% center}.hero-content{max-width:100%}h1{font-size:58px}.lead{font-size:16px}.founded{right:6%;bottom:28px}.founded-caption{display:none}.split,.content-grid{grid-template-columns:1fr}.reverse .photo,.reverse .feature-copy{order:initial}.cards{grid-template-columns:1fr 1fr}.history{min-height:350px}.history img{width:60%}.club-values{grid-template-columns:1fr}footer{flex-direction:column}footer>div:nth-child(2){flex-wrap:wrap}}
@media(max-width:560px){.brand{font-size:19px}.brand-mark{width:44px;height:44px}h1{font-size:45px}.info-grid{grid-template-columns:1fr}.hero{min-height:1050px}.founded{width:105px;height:95px}.founded strong{font-size:40px}.feature-copy{padding:30px 6%}.feature-copy h2{font-size:34px}.cards{grid-template-columns:1fr}.history img{position:relative;width:100%;height:180px;margin-top:15px;mask-image:none}.history{padding-bottom:10px}}