* { box-sizing: border-box; }
body { font-family: Arial, Helvetica, sans-serif; background:#faf6f2; color:#2b2b2b; margin:0; padding:0; }
header { background: linear-gradient(135deg, #b5482e, #d9713f); color:#fff; padding:36px 20px; }
header .inner { max-width:960px; margin:0 auto; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; }
header h1 { margin:0; font-size:24px; }
header .tag { font-size:13px; opacity:.85; margin-top:4px; }
nav { display:flex; gap:22px; }
nav a { color:#ffe4d6; text-decoration:none; font-size:14px; font-weight:600; }
nav a:hover, nav a.active { color:#fff; text-decoration:underline; }
main { max-width:960px; margin:40px auto; padding:0 20px; line-height:1.7; }
main h2 { color:#b5482e; border-bottom:2px solid #eee; padding-bottom:8px; }
.grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:22px; margin-top:24px; }
.athlete { background:#fff; border-radius:10px; padding:18px; text-align:center; box-shadow:0 1px 4px rgba(0,0,0,.08); }
.avatar { width:84px; height:84px; border-radius:50%; margin:0 auto 12px; display:flex; align-items:center; justify-content:center; color:#fff; font-weight:bold; font-size:26px; }
.athlete h3 { margin:8px 0 2px; font-size:15px; }
.athlete p { margin:0; font-size:13px; color:#777; }
.badge { display:inline-block; background:#ffe4d6; color:#b5482e; font-size:12px; padding:3px 10px; border-radius:12px; margin-top:8px; }
footer { text-align:center; color:#999; padding:24px; font-size:13px; }