.success-modal[hidden] { display: none; }

.success-modal { position: fixed; inset: 0; z-index: 20; display: grid; place-items: center; padding: 22px; }
.success-modal__backdrop { position: absolute; inset: 0; background: rgba(4, 26, 58, .58); backdrop-filter: blur(3px); }
.success-modal__card { position: relative; width: min(100%, 330px); padding: 31px 25px 25px; border-radius: 18px; background: #fffdf9; color: #062b5c; text-align: center; box-shadow: 0 18px 50px rgba(0, 0, 0, .3); animation: modal-in .26s ease-out; }
.success-modal__icon { width: 47px; height: 47px; display: grid; place-items: center; margin: 0 auto 15px; border-radius: 50%; background: #e8f0e9; color: #1e6b44; font-size: 25px; font-weight: 700; }
.success-modal__eyebrow { margin: 0 0 7px; color: #c79a3d; font-size: 9px; font-weight: 700; letter-spacing: 1.2px; }
.success-modal h2 { margin: 0 0 8px; font-family: "Playfair Display", Georgia, serif; font-size: 30px; letter-spacing: -.8px; }
.success-modal__card > p:not(.success-modal__eyebrow) { margin: 0; color: #52637a; font-size: 13px; line-height: 1.5; }
.success-modal__button { width: 100%; height: 43px; margin-top: 22px; border: 0; border-radius: 8px; background: #062b5c; color: #fff; font: 700 13px "DM Sans", sans-serif; cursor: pointer; }
@keyframes modal-in { from { opacity: 0; transform: translateY(10px) scale(.97); } to { opacity: 1; transform: none; } }