.application-success-dialog {
  position: relative;
  width: min(440px, 100%);
  padding: 34px 32px 30px;
  border: 1px solid rgba(21, 21, 21, 0.12);
  border-radius: 18px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(255, 255, 255, 0.88)),
    radial-gradient(circle at 90% 0%, rgba(255, 194, 77, 0.34), transparent 14rem);
  box-shadow: 0 28px 80px rgba(21, 21, 21, 0.22);
  text-align: center;
  animation: modal-dialog-in 0.34s cubic-bezier(0.16, 1, 0.3, 1) both;
}

.application-success-icon {
  position: relative;
  display: grid;
  width: 54px;
  height: 54px;
  margin: 0 auto 18px;
  place-items: center;
  border-radius: 50%;
  background: var(--button-flow);
  box-shadow:
    0 14px 32px rgba(255, 138, 61, 0.28),
    0 0 0 0 rgba(255, 194, 77, 0.34);
  animation: success-icon-pop 0.5s 0.12s cubic-bezier(0.16, 1, 0.3, 1) both;
}

.application-success-icon::before {
  content: "";
  position: absolute;
  inset: -7px;
  border: 1px solid rgba(255, 194, 77, 0.38);
  border-radius: inherit;
  animation: success-icon-ring 0.7s 0.16s ease-out both;
}

.application-success-icon::after {
  content: "";
  width: 20px;
  height: 11px;
  border-left: 3px solid #151515;
  border-bottom: 3px solid #151515;
  transform: translateY(-2px) rotate(-45deg) scale(0);
  transform-origin: center;
  animation: success-check-in 0.32s 0.28s cubic-bezier(0.16, 1, 0.3, 1) both;
}

.application-success-dialog h2 {
  margin: 0;
  font-size: 28px;
  line-height: 1.2;
}

.application-success-dialog p:not(.section-label) {
  margin: 14px 0 0;
  color: #5a5a5a;
  font-size: 14px;
  line-height: 1.75;
}

.funding-application-dialog.application-success-dialog { width: min(440px, 100%); padding: 34px 32px 30px; }
.funding-application-dialog.is-success .funding-application-header { display: none; }
.funding-application-dialog.is-success .funding-application-success { min-height: 0; display: block; }
.funding-application-dialog.is-success .funding-application-success h2 { margin: 0; font-size: 28px; line-height: 1.2; }
.funding-application-dialog.is-success .funding-application-success p { margin: 14px 0 0; font-size: 14px; line-height: 1.75; color: #5a5a5a; }
.cooperation-feedback-dialog.application-success-dialog { width: min(440px, 100%); padding: 34px 32px 30px; }
@media (max-width: 480px) {
  .application-success-dialog, .funding-application-dialog.application-success-dialog, .cooperation-feedback-dialog.application-success-dialog { padding: 30px 22px 26px; }
  .application-success-dialog h2, .funding-application-dialog.is-success .funding-application-success h2 { font-size: 23px; }
}
@media (prefers-reduced-motion: reduce) {
  .application-success-dialog, .application-success-icon, .application-success-icon::before, .application-success-icon::after { animation: none; }
  .application-success-icon::before { opacity: 0; }
  .application-success-icon::after { transform: translateY(-2px) rotate(-45deg) scale(1); }
}