.support-success {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    margin-bottom: 2rem;
    padding: 2rem;
    text-align: center;
}

.support-success-content {
    max-width: 600px;
    margin: 0 auto;
}

.support-success h2 {
    color: #2e8540;
    margin: 1rem 0;
}

.ticket-details {
    background: #f9f9f9;
    border-radius: 4px;
    padding: 1rem;
    margin: 1.5rem 0;
    text-align: left;
}

.support-actions {
    margin-top: 2rem;
}

/* Checkmark animation */
.checkmark {
    width: 56px;
    height: 56px;
    margin: 0 auto;
}

.checkmark__circle {
    stroke-dasharray: 166;
    stroke-dashoffset: 166;
    stroke-width: 2;
    stroke-miterlimit: 10;
    stroke: #2e8540;
    animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

.checkmark__check {
    transform-origin: 50% 50%;
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    stroke: #2e8540;
    stroke-width: 2;
    animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}

@keyframes stroke {
    100% {
        stroke-dashoffset: 0;
    }
}