.success-container{background:#fff;border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.1);padding:60px 40px;text-align:center;max-width:500px;width:100%;position:relative;overflow:hidden;animation:slideUp .6s ease-out}.success-container::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2)}.success-icon{width:80px;height:80px;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 30px;animation:bounceIn .8s ease-out .2s both;position:relative}.success-icon::after{content:"";position:absolute;width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,#10b981,#059669);opacity:.3;animation:pulse 2s infinite}.checkmark{width:30px;height:30px;stroke:#fff;stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round;animation:drawCheck .8s ease-out .5s both;stroke-dasharray:50;stroke-dashoffset:50}.success-title{font-size:32px;font-weight:700;color:#1f2937;margin-bottom:16px;animation:fadeInUp .6s ease-out .3s both}.success-message{font-size:18px;color:#6b7280;margin-bottom:40px;animation:fadeInUp .6s ease-out .4s both}.success-details{background:#f9fafb;border-radius:12px;padding:24px;margin-bottom:40px;text-align:left;animation:fadeInUp .6s ease-out .5s both}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #e5e7eb}.detail-item:last-child{border-bottom:none}.detail-label{font-weight:600;color:#374151}.detail-value{color:#6b7280;font-family:sf mono,Monaco,cascadia code,monospace}.action-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;animation:fadeInUp .6s ease-out .6s both}.countdown{margin-top:30px;padding:20px;background:#fef3c7;border-radius:10px;border-left:4px solid #f59e0b;animation:fadeInUp .6s ease-out .7s both}.countdown-text{color:#92400e;font-weight:500}.countdown-timer{font-weight:700;color:#b45309;font-size:18px}@keyframes slideUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.9)}100%{opacity:1;transform:scale(1)}}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes drawCheck{to{stroke-dashoffset:0}}@keyframes pulse{0%,100%{transform:scale(1);opacity:.3}50%{transform:scale(1.1);opacity:.1}}@media(max-width:640px){.success-container{padding:40px 24px;margin:20px}.success-title{font-size:28px}.success-message{font-size:16px}.action-buttons{flex-direction:column}.detail-item{flex-direction:column;align-items:flex-start;gap:4px}}