body { background: #f8f9fa; font-family: 'Inter', sans-serif; display: block !important; overflow-y: auto !important; height: auto !important; }
        .hero { background: linear-gradient(135deg, #002d84 0%, #001338 100%); color: white; padding: 60px 0; border-bottom: 5px solid #bb1919; }
        .hero h1 { font-weight: 700; margin-bottom: 10px; }
        .panel-card { border-radius: 12px; transition: all 0.3s ease; border: none; box-shadow: 0 4px 15px rgba(0,0,0,0.05); text-decoration: none; color: inherit; display: block; height: 100%; }
        .panel-card:hover { transform: translateY(-5px); box-shadow: 0 10px 25px rgba(0,0,0,0.1); }
        .panel-icon { font-size: 2.5rem; margin-bottom: 15px; color: #002d84; }
        .admin-icon { color: #bb1919; }
        .club-icon { color: #198754; }
        .coach-icon { color: #0dcaf0; }
        .lifeguard-icon { color: #dc3545; }