/* Clear blue glass: light-catching edges over a visible blue backdrop. */
.team-grid {
 background:radial-gradient(ellipse at 4% 0%,#8cb9e1 0%,transparent 48%),radial-gradient(ellipse at 90% 100%,#3785b3 0%,transparent 52%),linear-gradient(125deg,#173f72 15%,#154b71 48%,#135245 65%,#173d69);
}
.team-grid:before {inset:-35% 10%;border:36px solid #cceeff30;border-radius:48%;transform:rotate(-32deg);}
.gearcats-card,.training-card {
 background:linear-gradient(125deg,#e3f5ff24,transparent 36%,#69afff0a 65%,#ceeaff20),rgba(8,37,77,.5);
 border:1px solid #c6e8ff9c;border-radius:28px;
 backdrop-filter:blur(9px) saturate(130%);-webkit-backdrop-filter:blur(9px) saturate(130%);
 box-shadow:inset 0 2px 2px #f0fbff9c,inset 2px 0 2px #d8efff40,inset -1px -2px 2px #abd6ff61,0 12px 25px #00183540;
 color:#fff;--card-accent:#e3f4ff;
}
.gearcats-card:before,.training-card:before {
 inset:0;width:100%;height:100%;transform:none;border:0;border-radius:inherit;
 background:linear-gradient(116deg,#ffffff0a 0%,#ffffff1c 18%,transparent 18.5%,transparent 66%,#deefff0c 66.5%,transparent 88%);
}
.gearcats-card p,.training-card p{color:#f0f7ff;text-shadow:0 1px 3px #061a3270}
.gearcats-card:hover,.training-card:hover {
 box-shadow:inset 0 2px 2px #f0fbffcc,inset 2px 0 3px #d8efff60,inset -1px -2px 3px #abd6ff80,0 16px 32px #00183550;
}
@media(prefers-reduced-transparency:reduce){.gearcats-card,.training-card{background:#143c65;backdrop-filter:none;-webkit-backdrop-filter:none}.gearcats-card:before,.training-card:before{display:none}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.gearcats-card,.training-card{background-color:#143c65}}