.container-card {
    max-width: 1400px; margin: 0 auto; padding: 30px;
}
.casino-card {
    display: flex; align-items: center; gap: 20px; margin-bottom: 20px;
    padding: 15px 25px; border-radius: 25px; position: relative;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    background: #f1f8e9; border: 3px solid #4caf50;
}
.rank-badge {
    position: absolute; left: 0; top: 50%; transform: translate(-50%, -50%);
    width: 45px; height: 45px; border-radius: 12px; display: flex;
    align-items: center; justify-content: center; font-size: 24px;
    font-weight: bold; color: #ffffff; background: #4caf50;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
}
.logo-section { position: relative; flex-shrink: 0; }
.logo-wrapper {
    width: 180px; height: 180px; border-radius: 20px; display: flex;
    align-items: center; justify-content: center; border: 4px solid white;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.logo-wrapper img { max-width: 100%; max-height: 100%; object-fit: contain; border-radius: 20px; }
.badge {
    position: absolute; top: -10px; right: -10px; background: #4caf50;
    color: #ffffff; padding: 6px 16px; border-radius: 20px;
    font-size: 13px; font-weight: 600; white-space: nowrap;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25), 0 6px 20px rgba(0, 0, 0, 0.2);
}
.info-section { flex: 1; display: flex; align-items: center; gap: 40px; padding-left: 30px; }
.casino-name { min-width: 180px; }
.casino-name div { font-size: 32px; font-weight: 700; color: #212121; margin-bottom: 8px; margin-top: 0; }
.bonus-section { flex: 1; text-align: center; }
.bonus-label { font-size: 22px; color: #616161; font-weight: 600; }
.bonus-amount { font-size: 24px; line-height: 38px; font-weight: 900; color: #4caf50; letter-spacing: 1px; }
.cccdce {
    display: inline-block; background: #4caf50; color: #ffffff !important;
    text-transform: uppercase; font-weight: 600; font-size: 17px; white-space: normal;
    text-align: center; padding: 15px; border-radius: 15px !important; text-decoration: none;
    transition: transform 0.3s ease, box-shadow 0.3s ease; transform-origin: center;
    border: none; max-width: 170px;
}
.cccdce:hover { transform: translateY(-2px); }
.cccdce:active { transform: translateY(0); }
@media (max-width: 1200px) {
    .info-section { gap: 20px; }
    .bonus-amount { font-size: 28px; }
}
@media (max-width: 1024px) {
    .casino-card { flex-direction: column; padding: 30px 20px 20px; }
    .rank-badge { top: 0; left: 20px; transform: translate(0, -50%); }
    .info-section { flex-direction: column; padding-left: 0; gap: 20px; width: 100%; }
    .casino-name { text-align: center; }
}
@media (max-width: 768px) {
    .cccdce { font-size: 18px; padding: 20px; }
}