.event-pass-card {
    background: #ffffff;
    border: 1px solid rgba(4, 56, 48, 0.2);
    position: relative;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.05), 0 8px 10px -6px rgba(0, 0, 0, 0.01);
}

.event-pass-card::before,
.event-pass-card::after {
    content: '';
    position: absolute;
    top: 50%;
    width: 26px;
    height: 26px;
    background-color: #f8faf9;
    border: 1px solid rgba(4, 56, 48, 0.2);
    border-radius: 50%;
    z-index: 5;
}

.event-pass-card::before {
    left: -13px;
}

.event-pass-card::after {
    right: -13px;
}

.pass-vip-badge {
    background: linear-gradient(135deg, #fd7591 0%, #e85a76 100%);
    color: #fff;
    letter-spacing: 0.04em;
}

.event-pass-card.pass-is-vip {
    border-color: rgba(253, 117, 145, 0.45);
}

.pass-badge-ribbon {
    background: linear-gradient(135deg, #043830 0%, #0a5c4e 100%);
    color: white;
    font-weight: 700;
}

.qr-code-wrapper {
    background: #ffffff;
    border: 2px solid #eaf6f0;
    box-shadow: 0 4px 12px rgba(4, 56, 48, 0.08);
}

.qr-code-container svg {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    height: auto;
}

.border-dashed {
    border-style: dashed !important;
}