:root{
  --bg:#03190e;--bg2:#07341f;--panel:#042515;--green:#58b82f;--green2:#76d04a;
  --white:#fff;--muted:rgba(255,255,255,.76);--line:rgba(255,255,255,.63);--yellow:#f7b500;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:white}
body{min-height:100vh} a{color:inherit;text-decoration:none}
.site{min-height:100vh;position:relative;overflow:hidden;background:
radial-gradient(circle at 72% 18%,rgba(42,113,59,.22),transparent 32%),
linear-gradient(135deg,#02140b 0%,#06371f 55%,#031a10 100%)}
.field{position:absolute;inset:18px;border:3px solid var(--line);pointer-events:none}
.field .v{position:absolute;top:0;bottom:0;width:3px;background:rgba(255,255,255,.38)}
.field .v1{left:25%}.field .v2{left:50%}.field .v3{left:75%}
.circle{position:absolute;top:50%;width:340px;height:540px;border:4px solid rgba(255,255,255,.58);border-radius:50%;transform:translateY(-50%)}
.circle.left{left:-205px}.circle.right{right:-205px}
.dash{position:absolute;top:50%;width:460px;height:690px;border:4px dashed rgba(255,255,255,.58);border-radius:50%;transform:translateY(-50%)}
.dash.left{left:-280px}.dash.right{right:-280px}
.goal{position:absolute;top:50%;width:34px;height:120px;border:3px solid rgba(255,255,255,.72);transform:translateY(-50%)}.goal.left{left:-2px}.goal.right{right:-2px}
.dot{position:absolute;top:50%;width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.65);transform:translateY(-50%)}.dot.left{left:6%}.dot.right{right:6%}
.wrap{position:relative;z-index:2;min-height:100vh;padding:28px clamp(28px,4.7vw,72px) 42px;display:flex;flex-direction:column}
.header{display:flex;align-items:center;justify-content:space-between;gap:25px}
.brand{display:flex;gap:13px;align-items:center}.brand-shield{width:56px;height:62px;border:2px solid white;border-radius:2px 2px 22px 22px;display:grid;place-items:center;font-size:29px}
.brand-text strong{font-size:29px;letter-spacing:-.045em}.brand-text strong span{color:var(--green)}.brand-text small{display:block;font-size:11px;font-weight:800;color:rgba(255,255,255,.78);margin-top:2px}
.nav{display:flex;gap:22px;font-weight:800}.nav a:hover{color:var(--green2)}
.hero{margin:auto 0;max-width:940px;padding:8vh 0 9vh}.eyebrow{color:var(--green2);font-weight:900;letter-spacing:.14em;font-size:13px;text-transform:uppercase}
.hero h1{font-size:clamp(58px,8.5vw,120px);line-height:.88;margin:14px 0 18px;letter-spacing:-.065em;text-transform:uppercase}.hero h1 span{color:var(--green)}
.hero p{font-size:clamp(18px,2vw,24px);line-height:1.5;color:var(--muted);max-width:700px}
.btn{display:inline-flex;align-items:center;gap:14px;margin-top:28px;background:var(--green);color:#102d11;font-weight:900;padding:15px 23px;border-radius:999px}
.footer{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:rgba(255,255,255,.57);font-size:12px}
.teams{width:min(1120px,100%);margin:7vh auto 0}.teams-title{text-align:center}.teams-title h1{font-size:clamp(50px,7vw,86px);margin:0;letter-spacing:-.055em}.teams-title p{color:var(--muted);font-size:18px}
.filters{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin:26px 0 30px}.pill{padding:9px 14px;border:1px solid rgba(255,255,255,.55);border-radius:8px;font-weight:800}.pill.active{background:var(--green);color:#113110;border-color:var(--green)}
.team-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.team-card{min-height:210px;border:1px solid rgba(255,255,255,.62);border-radius:12px;background:rgba(1,34,18,.72);padding:18px;text-align:center;display:flex;flex-direction:column;justify-content:space-between}.team-card:hover{border-color:var(--green2);transform:translateY(-2px)}.team-card img{width:70px;height:70px;object-fit:contain;margin:0 auto 7px}.team-card small{color:var(--green2);font-weight:900}.team-card h3{margin:5px 0 0;font-size:28px;line-height:.94}.team-card h3 span{color:var(--green2)}.team-card .arrow{font-size:25px;color:var(--green2)}
.team-card.disabled{opacity:.38;pointer-events:none}
@media(max-width:900px){.team-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){
 .field{inset:7px}.field .v,.circle,.dash,.goal,.dot{display:none}.wrap{padding:18px 15px 28px}.brand-shield{width:43px;height:46px}.brand-text strong{font-size:21px}.brand-text small{display:none}.nav{gap:10px;font-size:13px}.hero{padding:14vh 0 10vh}.team-grid{grid-template-columns:1fr 1fr}.teams{margin-top:8vh}
}