:root{--accent:#198754;--muted:#6c757d;--bg:#f8f9fa}
body{background:var(--bg);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial}
.hero{background:linear-gradient(90deg,var(--accent) 0%, #0b5e3a 100%);color:#fff;padding:2.5rem 0}
.section-title{border-bottom:3px solid #e9ecef;padding-bottom:.5rem;margin-bottom:1rem}
.card{box-shadow:0 2px 8px rgba(0,0,0,.06)}
.small-img{width:72px;height:72px;object-fit:cover;border-radius:6px}
.player-photo{width:72px;height:72px;border-radius:8px;object-fit:cover}
.card-hover{transition:transform .18s,box-shadow .18s}
.card-hover:hover{transform:translateY(-6px);box-shadow:0 10px 30px rgba(0,0,0,.12)}
/* responsive helpers */
@media (max-width:767px){.hero h1{font-size:1.25rem}}

/* Players listing improvements */
.players-grid { margin-top: .5rem; }
.player-card { border-radius:10px; overflow:hidden; display:flex; align-items:center; gap:1rem; padding:1rem }
.player-photo-large { width:120px; height:120px; object-fit:cover; border-radius:8px; flex-shrink:0 }
.player-meta { display:block }
.player-name { font-size:1.05rem; font-weight:700 }
.player-sub { color:var(--muted); font-size:.95rem }
.player-badge { font-size:.8rem; background:rgba(0,0,0,0.05); padding:.18rem .5rem; border-radius:6px }

@media (max-width:767px){
	.player-card { flex-direction:row; }
	.player-photo-large { width:100px; height:100px }
}

@media (min-width:992px){
	.player-card { padding:1rem 1.25rem }
	.player-photo-large { width:140px; height:140px }
}

/* Slightly larger hero for homepage */
.hero { padding:3rem 0 }