@media (max-width: 991.98px) {
    .hero-title {
        font-size: 1.8rem;
    }

    .hero-card,
    .hero-logo-box,
    .login-card,
    .panel-card {
        padding: 1.4rem;
    }
}

@media (max-width: 575.98px) {
    .logo-club {
        width: 42px;
        height: 42px;
    }

    .brand-title {
        font-size: 0.95rem;
    }

    .hero-section,
    .login-section {
        padding: 1.8rem 0;
    }

    .hero-title {
        font-size: 1.55rem;
    }

    .hero-text {
        font-size: 0.95rem;
    }

    .custom-btn-primary,
    .custom-btn-secondary {
        width: 100%;
    }

    .login-title {
        font-size: 1.5rem;
    }

    .section-title {
        font-size: 1.4rem;
    }
}
@media (max-width: 575.98px) {
    .player-summary-grid {
        grid-template-columns: 1fr 1fr;
    }

    .metric-card strong {
        font-size: 1.3rem;
    }
}