.ranking-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 2rem;
}

.ranking-block {
  background: #1a1a1a;             
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 0 12px rgba(255,0,0,0.3); 
  padding: 1.5rem;
  color: #eee;                    
}

.ranking-block h2 {
  font-size: 1.2rem;
  margin-bottom: 1rem;
  color: #ff4444;                  
}

.ranking-block ol,
.ranking-block ul {
  padding-left: 1.5rem;
}

.ranking-block li {
  margin-bottom: 0.5rem;
  font-size: 1rem;
  color: #04031a;                      
}


.cta-block {
  text-align: center;
  padding: 2rem;
  background: #111;              
  border-radius: 8px;
  margin-top: 3rem;
  box-shadow: 0 0 12px rgba(255,0,0,0.3);
  color: #020813;
}

.cta-block h2 {
  margin-bottom: 1rem;
  color: #ff4444;
}

.cta-block .btn-accent {
  background: #e60023;
  color: #170202;
  padding: 0.6rem 1rem;
  border-radius: 4px;
  text-decoration: none;
  font-weight: bold;
}

.cta-block .btn-accent:hover {
  background: #b71c29;
}