.vv-processing[hidden] { display: none; }
.vv-processing { position: fixed; z-index: 10050; inset: 0; display: grid; place-items: center; padding: 24px; background: rgba(8,13,22,.83); backdrop-filter: blur(9px); }
.vv-processing__card { width: min(450px,100%); padding: 39px 32px; background: #fff; border-top: 4px solid #df2335; text-align: center; box-shadow: 0 32px 100px rgba(0,0,0,.38); }
.vv-processing__mark { position: relative; display: grid; width: 72px; height: 72px; place-items: center; margin: auto; }
.vv-processing__mark span { position: absolute; inset: 0; border: 3px solid #fee4e7; border-top-color: #df2335; border-radius: 50%; animation: vv-processing-ring .85s linear infinite; }
.vv-processing__mark img { width: 48px; height: 48px; object-fit: contain; }
.vv-processing__brand { display: block; margin-top: 17px; color: #df2335; font-size: 10px; font-weight: 900; text-transform: uppercase; letter-spacing: .14em; }
.vv-processing h2 { margin: 7px 0 8px; color: #101828; font-size: 22px; letter-spacing: -.025em; }
.vv-processing p { margin: 0; color: #667085; font-size: 13px; line-height: 1.7; }
.vv-processing__steps { display: flex; justify-content: center; gap: 7px; margin-top: 22px; }
.vv-processing__steps i { width: 28px; height: 3px; background: #e4e7ec; animation: vv-processing-step 1.2s infinite; }
.vv-processing__steps i:nth-child(2) { animation-delay: .18s; }
.vv-processing__steps i:nth-child(3) { animation-delay: .36s; }
@keyframes vv-processing-ring { to { transform: rotate(360deg); } }
@keyframes vv-processing-step { 50% { background: #df2335; } }
@media (prefers-reduced-motion: reduce) { .vv-processing__mark span, .vv-processing__steps i { animation: none; } }