:root{
  --green:#075b36;
  --green2:#0d7747;
  --green3:#0a6d40;
  --dark:#053923;
  --light:#f4f7f5;
  --muted:#6d7672;
  --line:#dfe7e2;
  --white:#fff;
  --shadow:0 18px 50px rgba(8,63,39,.12);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:#14241b;background:#fff;line-height:1.55}
a{text-decoration:none;color:inherit}
img{display:block;max-width:100%}
.container{width:min(1180px,calc(100% - 32px));margin:auto}
.topbar{background:linear-gradient(135deg,#fff 0%,#f5f8f6 65%,#edf3ef 100%);border-bottom:1px solid #e6ede8;overflow:hidden}
.brandline{min-height:126px;display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative}
.brandline:after{content:"";position:absolute;right:-120px;top:-35px;width:520px;height:180px;background:radial-gradient(circle at center,rgba(7,91,54,.10),transparent 68%);pointer-events:none}
.brand{display:flex;align-items:center;gap:18px;z-index:1}.brand img{width:86px;height:86px;object-fit:contain}.brandname{font-weight:900;letter-spacing:-1px;font-size:38px;color:var(--green)}.brandsub{font-size:18px;letter-spacing:7px;color:#173c2a;margin-top:-4px}
.slogan{font-family:Georgia,serif;font-style:italic;font-size:22px;color:#244e39;text-align:center;z-index:1}.slogan small{display:block;font-size:14px;color:#557463;margin-top:4px}
.navwrap{background:linear-gradient(90deg,var(--green),var(--dark));box-shadow:0 6px 18px rgba(0,0,0,.12);position:sticky;top:0;z-index:40}
.nav{display:flex;align-items:center;justify-content:space-between;min-height:58px}.navlinks{display:flex;align-items:stretch}.nav a{color:#fff;font-weight:700;font-size:14px;padding:19px 18px}.nav a:hover,.nav a.active{background:rgba(255,255,255,.12)}.navsocial{display:flex;gap:8px;align-items:center}.navsocial span{width:32px;height:32px;border:1px solid rgba(255,255,255,.32);border-radius:50%;display:grid;place-items:center;color:#fff;font-size:12px}.menuBtn{display:none;background:none;border:0;color:#fff;font-size:28px}
.hero{position:relative;height:510px;overflow:hidden;background:#0a5536}.slide{position:absolute;inset:0;opacity:0;transition:opacity .7s ease}.slide.active{opacity:1}.slide img{width:100%;height:100%;object-fit:cover}.slide:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,28,17,.82) 0%,rgba(1,28,17,.46) 40%,rgba(1,28,17,.10) 75%)}.heroContent{position:absolute;z-index:3;left:max(5vw,calc((100vw - 1180px)/2));top:50%;transform:translateY(-50%);max-width:580px;color:white}.heroBadge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.28);padding:8px 13px;border-radius:999px;font-weight:700;font-size:12px;letter-spacing:.4px}.hero h1{font-size:58px;line-height:.98;margin:18px 0 16px;letter-spacing:-2px}.hero p{font-size:20px;max-width:570px;color:#eef7f2}.btn{display:inline-block;padding:13px 22px;border-radius:7px;background:#fff;color:var(--green);font-weight:900;margin-top:8px;border:1px solid #fff}.btn.green{background:var(--green);color:#fff}.heroDots{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;gap:9px;z-index:5}.heroDots button{width:9px;height:9px;border:0;border-radius:50%;background:rgba(255,255,255,.48)}.heroDots button.active{background:#fff;transform:scale(1.3)}
.quick{margin-top:-1px;background:#fff;border-bottom:1px solid var(--line)}.quickGrid{display:grid;grid-template-columns:repeat(5,1fr)}.quickItem{padding:26px 12px;text-align:center;border-right:1px solid var(--line);transition:.2s}.quickItem:last-child{border-right:0}.quickItem:hover{background:#f4f8f5}.quickIcon{font-size:28px;color:var(--green)}.quickItem strong{display:block;color:var(--dark);font-size:13px;margin-top:6px}
.section{padding:58px 0}.section.alt{background:#f6f9f7}.sectionHead{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.sectionTitle{margin:0;color:#1b2a22;font-size:30px;letter-spacing:-.7px}.sectionTitle span{color:var(--green)}.sectionHead a{color:var(--green);font-weight:800;font-size:13px}.twoCol{display:grid;grid-template-columns:1.05fr .95fr;gap:34px}.newsList{display:grid;gap:12px}.news{display:grid;grid-template-columns:70px 1fr;gap:16px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:14px;background:#fff}.dateBox{background:linear-gradient(180deg,var(--green2),var(--green));border-radius:9px;color:#fff;text-align:center;padding:8px 0;line-height:1}.dateBox b{font-size:22px}.dateBox small{display:block;font-size:11px;margin-top:5px}.news h3{font-size:16px;margin:0 0 4px}.news p{margin:0;color:var(--muted);font-size:13px}.president{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 12px 36px rgba(6,57,35,.07)}.presidentTop{display:grid;grid-template-columns:180px 1fr;min-height:205px}.presidentVisual{background:linear-gradient(145deg,#0b7444,#044128);display:grid;place-items:center;position:relative;overflow:hidden}.presidentVisual:after{content:"1952";position:absolute;font-size:80px;font-weight:900;color:rgba(255,255,255,.08);transform:rotate(-90deg)}.presidentVisual img{width:106px;filter:drop-shadow(0 8px 12px rgba(0,0,0,.22));z-index:1}.presidentText{padding:25px}.presidentText h3{margin:0 0 10px;color:var(--green);font-size:24px}.presidentText p{margin:0;color:#4e5d55;font-size:14px}.presidentText .sign{margin-top:16px;font-weight:900;color:#17251e}
.teamGrid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.teamCard{border-radius:12px;overflow:hidden;background:#fff;border:1px solid var(--line);box-shadow:0 8px 24px rgba(0,0,0,.05);transition:.22s}.teamCard:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.teamCard img{width:100%;height:150px;object-fit:cover}.teamCard .label{padding:12px 10px;background:linear-gradient(90deg,var(--green),var(--green2));color:#fff;text-align:center;font-weight:900;font-size:13px}.banner{background:linear-gradient(90deg,#06472d,#0a7444);border-radius:16px;color:#fff;padding:32px;display:flex;justify-content:space-between;align-items:center;gap:30px;overflow:hidden;position:relative}.banner:after{content:"⚽";position:absolute;right:30px;font-size:120px;opacity:.08}.banner h2{font-size:34px;margin:0 0 5px}.banner p{margin:0;color:#dceee5}
.pageHero{background:linear-gradient(90deg,rgba(3,60,36,.92),rgba(7,91,54,.74)),url('assets/team1.jpeg') center/cover;height:260px;display:flex;align-items:center;color:#fff}.pageHero h1{font-size:44px;margin:0}.pageHero p{margin:8px 0 0;color:#e1f0e8}.prose{max-width:900px}.prose h2{color:var(--green);margin-top:0}.prose p{color:#44534c;font-size:16px}.timeline{border-left:3px solid var(--green);padding-left:24px;display:grid;gap:20px}.timelineItem{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px}.timelineItem b{color:var(--green)}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.gallery img{width:100%;height:260px;object-fit:cover;border-radius:13px}.contactGrid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.contactCard{border:1px solid var(--line);border-radius:16px;padding:26px;background:#fff}.contactRow{display:flex;gap:14px;padding:15px 0;border-bottom:1px solid var(--line)}.contactRow:last-child{border-bottom:0}.contactIcon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#e9f4ee;color:var(--green);font-size:19px}.contactRow strong{display:block}.contactRow span{color:#5e6c65}.mapFake{min-height:360px;border-radius:16px;background:linear-gradient(135deg,#dce9e1,#eef4f0);display:grid;place-items:center;text-align:center;color:#315341;padding:30px;border:1px solid var(--line)}
.emptyBoard{border:2px dashed #c8d7cf;border-radius:16px;padding:48px;text-align:center;background:#fbfdfc;color:#708078}.emptyBoard strong{display:block;color:#315441;font-size:20px;margin-bottom:6px}
.footer{background:#043c26;color:#dcebe3;padding:34px 0 22px;margin-top:0}.footerGrid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:30px;align-items:start}.footerBrand{display:flex;gap:14px;align-items:center}.footerBrand img{width:58px}.footer h4{color:#fff;margin:0 0 12px}.footer p,.footer a{font-size:13px;color:#cfe1d7}.copyright{border-top:1px solid rgba(255,255,255,.12);margin-top:26px;padding-top:18px;font-size:12px;color:#a8c4b5;display:flex;justify-content:space-between;gap:20px}
@media (max-width:950px){.brandline{min-height:100px}.slogan{display:none}.brandname{font-size:30px}.brandsub{font-size:13px;letter-spacing:5px}.menuBtn{display:block}.navlinks{display:none;position:absolute;top:58px;left:0;right:0;background:var(--dark);flex-direction:column}.navlinks.open{display:flex}.nav a{padding:14px 18px}.navsocial{display:none}.hero{height:460px}.hero h1{font-size:45px}.quickGrid{grid-template-columns:repeat(3,1fr)}.quickItem:nth-child(3){border-right:0}.quickItem:nth-child(n+4){border-top:1px solid var(--line)}.twoCol,.contactGrid{grid-template-columns:1fr}.teamGrid{grid-template-columns:repeat(3,1fr)}.gallery{grid-template-columns:repeat(2,1fr)}.footerGrid{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.container{width:min(100% - 22px,1180px)}.brand img{width:64px;height:64px}.brandname{font-size:24px}.brandsub{font-size:11px;letter-spacing:3px}.hero{height:475px}.heroContent{left:22px;right:22px}.hero h1{font-size:38px}.hero p{font-size:17px}.quickGrid{grid-template-columns:repeat(2,1fr)}.quickItem:nth-child(odd){border-right:1px solid var(--line)}.quickItem:nth-child(even){border-right:0}.quickItem{border-top:1px solid var(--line)}.section{padding:42px 0}.sectionTitle{font-size:25px}.presidentTop{grid-template-columns:1fr}.presidentVisual{min-height:150px}.teamGrid{grid-template-columns:repeat(2,1fr)}.teamCard img{height:125px}.gallery{grid-template-columns:1fr}.gallery img{height:230px}.pageHero{height:220px}.pageHero h1{font-size:36px}.banner{padding:26px}.banner h2{font-size:26px}.footerGrid{grid-template-columns:1fr}.copyright{flex-direction:column}}
