*{margin:0;padding:0;box-sizing:border-box}

body{
  font-family:'Inter',-apple-system,sans-serif;
  background:#ffffff;
  color:#333;
}

.casino-list{
  max-width:1100px;
  margin:0 auto;
  padding:1rem 2rem 3rem;
  display:flex;
  flex-direction:column;
  gap:0.75rem;
}

.casino-card{
  background:#ffffff;
  border:1px solid #e0e0e0;
  border-radius:14px;
  padding:1.2rem 1.5rem;
  display:flex;
  align-items:center;
  gap:1.2rem;
  transition:all 0.3s ease;
  position:relative;
  overflow:hidden;
  text-decoration:none;
  color:inherit;
  cursor:pointer;
}

.casino-card::before{
  content:'';
  position:absolute;
  top:0;left:0;right:0;
  height:2px;
  background:linear-gradient(90deg,transparent,#C8D400,transparent);
  opacity:0;
  transition:opacity 0.3s;
}

.casino-card:hover{
  border-color:#C8D400;
  transform:translateY(-2px);
  box-shadow:0 8px 32px rgba(0,0,0,0.08);
}

.casino-card:hover::before{opacity:1}

.rank-badge{
  position:absolute;
  top:0.6rem;left:0.6rem;
  background:#f5f5f5;
  color:#555;
  font-size:0.65rem;
  font-weight:800;
  padding:0.15rem 0.5rem;
  border-radius:20px;
  border:1px solid #e0e0e0;
}

.casino-card[data-rank="1"] .rank-badge{
  background:#C8D400;color:#fff;border:none;
}
.casino-card[data-rank="2"] .rank-badge{
  background:#9E9E9E;color:#fff;border:none;
}
.casino-card[data-rank="3"] .rank-badge{
  background:#CD7F32;color:#fff;border:none;
}

.casino-logo{
  width:100px;height:100px;
  border-radius:12px;
  object-fit:contain;
  flex-shrink:0;
  background:#f5f5f5;
}

.casino-info{
  flex:1;min-width:0;
}

.casino-name{
  font-size:1.55rem;font-weight:700;
  color:#1a1a1a;margin-bottom:0.25rem;
}

.casino-bonus{
  font-size:1.15rem;color:#4a7a00;
  font-weight:600;margin-bottom:0.4rem;
}

.game-tags{
  display:flex;gap:0.35rem;flex-wrap:wrap;
  margin-bottom:0.4rem;
}

.game-tag{
  font-size:0.6rem;color:#555;
  background:#f5f5f5;
  padding:0.15rem 0.5rem;
  border-radius:20px;
  border:1px solid #e0e0e0;
  white-space:nowrap;
}

.pay-tags{
  display:flex;gap:0.3rem;flex-wrap:wrap;
}

.pay-tag{
  font-size:0.6rem;color:#7a7a00;
  background:rgba(200,212,0,0.08);
  padding:0.15rem 0.45rem;
  border-radius:20px;
  border:1px solid rgba(200,212,0,0.25);
  white-space:nowrap;
}

.casino-action{
  display:flex;flex-direction:column;
  align-items:center;gap:0.4rem;
  flex-shrink:0;
}

.cta-button{
  display:inline-block;
  background:#C8D400;
  color:#1a1a1a;font-weight:800;font-size:0.8rem;
  padding:0.65rem 2rem;border-radius:8px;
  text-decoration:none;transition:all 0.3s ease;
  white-space:nowrap;text-transform:uppercase;
  letter-spacing:0.5px;
  pointer-events:none;
}

.casino-card:hover .cta-button{
  transform:scale(1.05);
  box-shadow:0 4px 20px rgba(200,212,0,0.4);
}

@media(max-width:768px){
  .casino-card{
    flex-direction:column;text-align:center;
    padding:1.5rem 1rem;
  }
  .rank-badge{position:static;margin-bottom:0.5rem}
  .casino-info{text-align:center}
  .game-tags,.pay-tags{justify-content:center}
  .casino-list{padding:1rem}
}