.success-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:10000;opacity:0;visibility:hidden;transition:all 0.3s ease}.success-modal-overlay.show{opacity:1;visibility:visible}.success-modal{background:white;border-radius:24px;padding:40px;max-width:500px;width:90%;box-shadow:0 20px 60px rgba(0,0,0,0.3);transform:scale(0.7) translateY(50px);opacity:0;transition:all 0.4s cubic-bezier(0.34,1.56,0.64,1);position:relative;overflow:hidden}.success-modal-overlay.show .success-modal{transform:scale(1) translateY(0);opacity:1}.success-modal::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient( 45deg,rgba(79,209,197,0.1),rgba(99,179,237,0.1),rgba(167,139,250,0.1) );animation:gradientRotate 8s linear infinite;z-index:0}@keyframes gradientRotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.success-modal-content{position:relative;z-index:1;text-align:center}.success-icon{width:100px;height:100px;margin:0 auto 30px;position:relative}.success-icon-circle{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,#4FD1C5,#63B3ED);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 40px rgba(79,209,197,0.4);animation:successPulse 0.6s ease-out}@keyframes successPulse{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}100%{transform:scale(1);opacity:1}}.success-icon-checkmark{width:50px;height:50px;stroke:white;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;fill:none;animation:checkmarkDraw 0.6s ease-out 0.3s forwards;stroke-dasharray:100;stroke-dashoffset:100}@keyframes checkmarkDraw{to{stroke-dashoffset:0}}.confetti{position:absolute;width:10px;height:10px;background:#4FD1C5;opacity:0;animation:confettiFall 1.5s ease-out forwards}.confetti:nth-child(1){left:10%;background:#4FD1C5;animation-delay:0.1s}.confetti:nth-child(2){left:20%;background:#63B3ED;animation-delay:0.2s}.confetti:nth-child(3){left:30%;background:#A78BFA;animation-delay:0.3s}.confetti:nth-child(4){left:40%;background:#4FD1C5;animation-delay:0.4s}.confetti:nth-child(5){left:50%;background:#63B3ED;animation-delay:0.5s}.confetti:nth-child(6){left:60%;background:#A78BFA;animation-delay:0.6s}.confetti:nth-child(7){left:70%;background:#4FD1C5;animation-delay:0.7s}.confetti:nth-child(8){left:80%;background:#63B3ED;animation-delay:0.8s}.confetti:nth-child(9){left:90%;background:#A78BFA;animation-delay:0.9s}@keyframes confettiFall{0%{top:-10px;opacity:1;transform:translateY(0) rotate(0deg)}100%{top:100%;opacity:0;transform:translateY(100px) rotate(720deg)}}.success-title{font-size:2rem;font-weight:800;color:#1a202c;margin-bottom:15px;animation:fadeInUp 0.6s ease-out 0.4s both}.success-message{font-size:1.1rem;color:#4a5568;line-height:1.6;margin-bottom:30px;animation:fadeInUp 0.6s ease-out 0.5s both}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.success-close-btn{background:linear-gradient(135deg,#4FD1C5,#63B3ED);color:white;border:none;padding:15px 40px;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all 0.3s ease;box-shadow:0 4px 15px rgba(79,209,197,0.3);animation:fadeInUp 0.6s ease-out 0.6s both}.success-close-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(79,209,197,0.4)}.success-close-btn:active{transform:translateY(0)}.sparkle{position:absolute;width:4px;height:4px;background:white;border-radius:50%;opacity:0;animation:sparkle 1s ease-out forwards}.sparkle:nth-child(1){top:20%;left:20%;animation-delay:0.2s}.sparkle:nth-child(2){top:30%;right:20%;animation-delay:0.4s}.sparkle:nth-child(3){bottom:30%;left:25%;animation-delay:0.6s}.sparkle:nth-child(4){bottom:20%;right:25%;animation-delay:0.8s}@keyframes sparkle{0%{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(0)}}@media (max-width:768px){.success-modal{padding:30px 20px;max-width:90%}.success-icon{width:80px;height:80px}.success-icon-circle{width:80px;height:80px}.success-icon-checkmark{width:40px;height:40px}.success-title{font-size:1.5rem}.success-message{font-size:1rem}.success-close-btn{padding:12px 30px;font-size:0.9rem}}.error-modal .success-icon-circle{background:linear-gradient(135deg,#f56565,#fc8181);box-shadow:0 10px 40px rgba(245,101,101,0.4)}.error-modal .success-close-btn{background:linear-gradient(135deg,#f56565,#fc8181);box-shadow:0 4px 15px rgba(245,101,101,0.3)}.error-modal .success-close-btn:hover{box-shadow:0 6px 20px rgba(245,101,101,0.4)}