body {
      box-sizing: border-box;
      font-family: 'Poppins', sans-serif;
    }
    
    .gradient-bg {
      background: linear-gradient(135deg, #34a3c6 0%, #2c7e7e 50%, #74b232 100%);
    }
    
    .card-glass {
      background: #1c3a7c81;
      backdrop-filter: blur(10px);
      border: 1px solid rgba(255, 255, 255, 0.1);
    }
    
    .btn-primary {
      background: linear-gradient(135deg, #2c87ff 0%, #2c87ff 100%);
      transition: all 0.3s ease;
    }
    
    .btn-primary:hover {
      transform: translateY(-2px);
      box-shadow: 0 10px 30px rgba(233, 69, 96, 0.4);
    }
    
    .btn-secondary {
      background: linear-gradient(135deg, #4a5568 0%, #2d3748 100%);
      transition: all 0.3s ease;
    }
    
    .btn-secondary:hover {
      transform: translateY(-2px);
    }
    
    .rank-gold {
      background: linear-gradient(135deg, #ffd700 0%, #ffaa00 100%);
      color: #1a1a2e;
    }
    
    .rank-silver {
      background: linear-gradient(135deg, #c0c0c0 0%, #a8a8a8 100%);
      color: #1a1a2e;
    }
    
    .rank-bronze {
      background: linear-gradient(135deg, #cd7f32 0%, #b8860b 100%);
      color: #1a1a2e;
    }
    
    .input-dark {
      background: rgba(255, 255, 255, 0.08);
      border: 1px solid rgba(255, 255, 255, 0.15);
      color: white;
      transition: all 0.3s ease;
    }
    
    .input-dark:focus {
      background: rgba(255, 255, 255, 0.12);
      border-color: #e94560;
      outline: none;
    }
    
    .input-dark::placeholder {
      color: rgba(255, 255, 255, 0.4);
    }
    
    .scrollbar-thin::-webkit-scrollbar {
      width: 6px;
    }
    
    .scrollbar-thin::-webkit-scrollbar-track {
      background: rgba(255, 255, 255, 0.05);
    }
    
    .scrollbar-thin::-webkit-scrollbar-thumb {
      background: rgba(233, 69, 96, 0.5);
      border-radius: 3px;
    }
    
    .pulse-dot {
      animation: pulse 2s infinite;
    }
    
    @keyframes pulse {
      0%, 100% { opacity: 1; }
      50% { opacity: 0.5; }
    }
    
    .slide-in {
      animation: slideIn 0.3s ease-out;
    }
    
    @keyframes slideIn {
      from {
        opacity: 0;
        transform: translateY(-10px);
      }
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }
    
    .trophy-icon {
      filter: drop-shadow(0 4px 8px rgba(255, 215, 0, 0.3));
    }

    /* Botões padrão (não selecionados) */
.tab-btn {
  background: transparent;
  color: white;
  transition: all 0.3s ease;
}

/* Botão selecionado */
.tab-btn.active {
  background: linear-gradient(90deg, #f8aa45 0%, #ef4444 100%);
  color: #1a1a2e;
  box-shadow: 0 6px 20px rgba(239, 68, 68, 0.45);
}

/* Hover apenas nos não ativos */
.tab-btn:not(.active):hover {
  background: rgba(255, 255, 255, 0.08);
}