.mc-ticket-card { background: #FFFFFF; border: 1px solid #E2E8F0; border-radius: 16px; height: 100%; display: flex; flex-direction: column; position: relative; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05); font-family: 'Plus Jakarta Sans', -apple-system, sans-serif; }
.mc-ticket-card:hover { border-color: #000000; box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); transform: translateY(-6px); }
.mc-card-top { padding: 24px 24px 20px 24px; display: flex; justify-content: space-between; align-items: flex-start; }
.mc-discount-val { font-size: 2rem; font-weight: 900; color: #000000; line-height: 1; letter-spacing: -0.5px; }
.mc-brand-logo { max-width: 90px; max-height: 36px; object-fit: contain; mix-blend-mode: multiply; transition: transform 0.3s ease; }
.mc-ticket-card:hover .mc-brand-logo { transform: scale(1.05); }
.mc-divider { position: relative; height: 1px; border-top: 2px dashed #E2E8F0; margin: 0 24px; transition: border-color 0.3s ease; }
.mc-ticket-card:hover .mc-divider { border-color: #000000; }
.mc-card-bottom { padding: 20px 24px 24px 24px; flex-grow: 1; display: flex; flex-direction: column; justify-content: space-between; gap: 16px; }
.mc-coupon-title { font-size: 0.95rem; line-height: 1.6; color: #475569; font-weight: 500; margin: 0; }
.mc-coupon-title strong { font-weight: 800; color: #000000; background: #D4FF00; padding: 2px 6px; border-radius: 4px; margin-right: 4px; font-size: 0.85rem; text-transform: uppercase; }
.mc-stats { font-size: 0.8rem; color: #64748B; display: flex; justify-content: space-between; align-items: center; }
.mc-stats i { font-size: 0.9rem; margin-top: -1px; margin-right: 4px; color: #000000; }
.mc-verified { color: #000000; font-weight: 800; display: inline-flex; align-items: center; background: #D4FF00; padding: 6px 12px; border-radius: 8px; border: 1px solid #000000; text-transform: uppercase; letter-spacing: 0.5px; }
.mc-btn-action { width: 100%; background-color: #000000; color: #D4FF00; border: 2px solid #000000; padding: 12px 0; border-radius: 12px; font-size: 0.95rem; font-weight: 800; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 8px; text-decoration: none; text-transform: uppercase; letter-spacing: 0.5px; }
.mc-btn-action:hover { background-color: #D4FF00; color: #000000; transform: translateY(-2px); box-shadow: 0 4px 15px rgba(212, 255, 0, 0.3); }