.location-nav { background: radial-gradient(circle at center, rgba(7, 246, 78, 0.28) 0%, transparent 65%), radial-gradient(circle at center, #e382ec 0%, #a26bf2 70%, #3d838a 100%) !important; padding: 60px 0; color: #fff; }
        .location-nav h1 { font-size: 2.5rem; font-weight: 700; margin-bottom: 10px; }
        .location-nav .subtitle { font-size: 1.1rem; opacity: 0.9; }
        
        .breadcrumb-nav { background: #f8f9fa; padding: 15px 0; border-bottom: 1px solid #e9ecef; }
        .breadcrumb-nav a { color: #667eea; text-decoration: none; font-weight: 500; }
        .breadcrumb-nav a:hover { text-decoration: underline; }
        .breadcrumb-nav .separator { margin: 0 10px; color: #6c757d; }
        .breadcrumb-nav .current { color: #343a40; font-weight: 600; }
        
        .state-list, .city-list { padding: 40px 0; }
        .section-title { font-size: 1.5rem; font-weight: 600; margin-bottom: 25px; color: #343a40; }
        .section-subtitle { color: #6c757d; margin-bottom: 30px; }
        
        .state-link, .city-link {
            display: inline-block;
            padding: 10px 20px;
            margin: 5px;
            background: #fff;
            border: 1px solid #e9ecef;
            border-radius: 8px;
            color: #495057;
            text-decoration: none;
            font-weight: 500;
            transition: all 0.2s ease;
        }
        .state-link:hover, .city-link:hover {
            background: #667eea;
            border-color: #667eea;
            color: #fff;
            transform: translateY(-2px);
            box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
        }
        .state-link i, .city-link i { margin-right: 8px; }
        
        .module-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 20px; padding: 40px 0; }
        .module-card {
            display: flex;
            flex-direction: column;
            align-items: center;
            padding: 30px 20px;
            background: #fff;
            border-radius: 12px;
            text-decoration: none;
            color: #343a40;
            border: 1px solid #e9ecef;
            transition: all 0.3s ease;
        }
        .module-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 30px rgba(0,0,0,0.1);
        }
        .module-icon {
            width: 60px;
            height: 60px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 15px;
            font-size: 1.5rem;
            color: #fff;
        }
        .module-name { font-weight: 600; font-size: 1rem; }
        
        .alpha-section { margin-bottom: 30px; }
        .alpha-letter { 
            font-size: 1.2rem; 
            font-weight: 700; 
            color: #667eea; 
            margin-bottom: 15px; 
            padding-bottom: 5px;
            border-bottom: 2px solid #667eea;
            display: inline-block;
        }
        
        .empty-state { text-align: center; padding: 60px 20px; color: #6c757d; }
        .empty-state i { font-size: 4rem; margin-bottom: 20px; opacity: 0.3; }