@import 'index.css';

.page-title-section { background-color: var(--rc-black); color: var(--rc-white); padding: 60px 0; text-align: center; }
.page-title-section h1 { font-size: 3.5rem; }
.squad-section { padding: 60px 20px; }
.squad-role-title { font-size: 2.5rem; text-align: center; margin-bottom: 40px; margin-top: 20px; }
.squad-role-title:first-child { margin-top: 0; }
.squad-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 30px; }
.player-card { background: var(--rc-white); border-radius: 8px; box-shadow: 0 5px 15px rgba(0,0,0,0.05); text-align: center; padding-top: 30px; overflow: hidden; transition: transform 0.3s; }
.player-card:hover { transform: translateY(-10px); }
.player-card img { width: 150px; height: 150px; border-radius: 50%; object-fit: cover; border: 5px solid var(--rc-white); box-shadow: 0 0 15px rgba(0,0,0,0.2); }
.player-card .player-info { padding: 20px; }
.player-card h3 { font-size: 1.5rem; }
.player-card .nickname { color: var(--rc-blue); font-weight: 700; display: block; margin: 5px 0 10px; }
.player-card .description { font-size: 0.9rem; line-height: 1.5; }

@media (max-width: 768px) {
    .page-title-section h1 { font-size: 2.5rem; }
    .squad-role-title { font-size: 2rem; }
}