.support-success[hidden] { display: none; }
.support-success {
  position: relative;
  display: flex;
  align-items: center;
  gap: 1.75rem;
  margin-bottom: 2.5rem;
  padding: 2.25rem 3.5rem 2.25rem 2.25rem;
  overflow: hidden;
  border: 1px solid rgba(74, 222, 128, .35);
  border-radius: 1.5rem;
  background: radial-gradient(ellipse at top left, rgba(74, 222, 128, .16), transparent 65%), linear-gradient(120deg, #102524, #0c1522);
  box-shadow: 0 12px 50px rgba(0, 0, 0, .2), inset 0 1px rgba(255, 255, 255, .04);
  animation: support-arrive .5s ease-out both;
}
.support-success:focus-visible { outline: 2px solid #67e8f9; outline-offset: 5px; }
.support-success-icon {
  display: grid;
  place-items: center;
  flex: 0 0 5rem;
  height: 5rem;
  color: #86efac;
  border: 1px solid rgba(134, 239, 172, .4);
  border-radius: 50%;
  background: rgba(74, 222, 128, .12);
  box-shadow: 0 0 0 10px rgba(74, 222, 128, .035), 0 0 35px rgba(74, 222, 128, .12);
}
.support-success-label { color: #86efac; font-size: .7rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.support-success-copy h2 { margin: .6rem 0; color: #f8fafc; font-size: clamp(1.5rem, 3vw, 2rem); font-weight: 800; line-height: 1.2; }
.support-success-copy p { max-width: 46rem; margin: 0; color: #cbd5e1; font-size: .95rem; line-height: 1.8; }
.support-success-note { display: inline-block; margin-top: 1rem; color: #67e8f9; font-size: .8rem; }
.support-success-copy .support-success-test { margin-top: .75rem; color: #fcd34d; font-size: .8rem; }
.support-success-dismiss { position: absolute; top: .75rem; right: .75rem; width: 2.5rem; height: 2.5rem; border-radius: .75rem; color: #cbd5e1; font-size: 1.5rem; }
.support-success-dismiss:hover, .support-success-dismiss:focus-visible { color: white; background: rgba(255, 255, 255, .08); }
@keyframes support-arrive { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); } }
@media (max-width: 640px) { .support-success { align-items: flex-start; flex-direction: column; gap: 1.5rem; padding: 1.75rem; } }
@media (prefers-reduced-motion: reduce) { .support-success { animation: none; } }