.popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(15,23,42,.4);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem;animation:fadeIn .5s cubic-bezier(.16,1,.3,1)}.popup-overlay.closing{animation:fadeOut .4s ease-out}.popup-container{background:linear-gradient(145deg,#fff,#f3f4f6);border-radius:24px;box-shadow:0 25px 50px -12px rgba(0,0,0,.25),inset 0 0 0 1px hsla(0,0%,100%,.5);border:1px solid hsla(0,0%,100%,.8);max-width:700px;width:100%;max-height:90vh;overflow-y:auto;position:relative;padding:2.5rem 3rem;animation:scaleIn .5s cubic-bezier(.34,1.56,.64,1);transform-origin:center center}.popup-container.closing{animation:scaleOut .3s cubic-bezier(.4,0,.2,1)}.popup-close-btn{position:absolute;top:1.5rem;right:1.5rem;background:rgba(243,244,246,.8);border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#4b5563;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:10;backdrop-filter:blur(4px)}.popup-close-btn:hover{background-color:#ef4444;color:#fff;transform:rotate(90deg) scale(1.1);box-shadow:0 4px 12px rgba(239,68,68,.3)}.popup-close-btn svg{width:22px;height:22px}.popup-header{text-align:center;margin-bottom:1.5rem}.popup-icon-container{width:60px;height:60px;background:linear-gradient(135deg,#eff6ff,#dbeafe);border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;box-shadow:0 10px 15px -3px rgba(59,130,246,.2),0 4px 6px -2px rgba(59,130,246,.1),inset 0 2px 4px hsla(0,0%,100%,.8);position:relative;overflow:hidden}.popup-icon-container:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,hsla(0,0%,100%,.8) 50%,transparent);animation:shine 3s infinite}@keyframes shine{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}20%,to{transform:translateX(100%) translateY(100%) rotate(45deg)}}.popup-header-icon{width:30px;height:30px;color:#2563eb;z-index:1}.popup-title{font-size:1.5rem;font-weight:800;background:linear-gradient(90deg,#111827,#374151);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem;letter-spacing:-.03em;font-family:Inter,system-ui,sans-serif}.popup-subtitle{font-size:.9rem;color:#6b7280;line-height:1.5;max-width:95%;margin:0 auto}.popup-form{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:start}.popup-submit-btn{grid-column:1/-1;margin-top:.5rem;background:linear-gradient(135deg,#2563eb,#4f46e5);color:#fff;border:none;border-radius:14px;padding:1rem;font-size:1.05rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.6rem;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:Inter,system-ui,sans-serif;box-shadow:0 4px 6px -1px rgba(79,70,229,.2),inset 0 0 0 1px hsla(0,0%,100%,.2);position:relative;overflow:hidden}.form-group.animate-slide-in{grid-column:1/-1}.form-group{display:flex;flex-direction:column;gap:.35rem}.form-group label{font-size:.85rem;font-weight:600;color:#374151;margin-left:.25rem}.form-group input,.form-group select{width:100%;padding:.75rem 1rem;background-color:#f9fafb;border:2px solid transparent;border-radius:12px;font-size:.95rem;color:#111827;transition:all .2s cubic-bezier(.4,0,.2,1);font-family:Inter,system-ui,sans-serif;box-shadow:0 2px 4px rgba(0,0,0,.02)}.form-group input:hover,.form-group select:hover{background-color:#f3f4f6}.form-group input:focus,.form-group select:focus{outline:none;background-color:#fff;border-color:#3b82f6;box-shadow:0 0 0 4px rgba(59,130,246,.15),0 4px 12px rgba(59,130,246,.1);transform:translateY(-1px)}.form-group input::-moz-placeholder{color:#9ca3af}.form-group input::placeholder{color:#9ca3af}.popup-submit-btn:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transform:translateX(-100%);transition:transform .5s ease}.popup-submit-btn:hover{transform:translateY(-3px);box-shadow:0 15px 25px -5px rgba(79,70,229,.4)}.popup-submit-btn:hover:before{transform:translateX(100%)}.popup-submit-btn:active{transform:translateY(-1px)}.btn-icon{width:20px;height:20px;transition:transform .3s ease}.popup-submit-btn:hover .btn-icon{transform:translateX(4px)}.popup-footer{margin-top:1.5rem;text-align:center}.popup-footer p{font-size:.85rem;color:#6b7280;display:flex;align-items:center;justify-content:center;gap:.5rem;margin:0;font-weight:500}.trust-icon{width:16px;height:16px;color:#10b981}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes scaleOut{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.9) translateY(20px)}}@media (max-width:640px){.popup-overlay{padding:1rem;align-items:center}.popup-container{padding:1.5rem;border-radius:24px;max-width:90vw;max-height:85vh;margin:0 auto}.popup-form{display:flex;flex-direction:column;gap:1rem}.popup-submit-btn{grid-column:auto}.popup-close-btn{top:.75rem;right:.75rem;width:32px;height:32px}.popup-header{margin-bottom:1.25rem}.popup-icon-container{width:56px;height:56px;margin-bottom:.75rem}.popup-header-icon{width:28px;height:28px}.popup-title{font-size:1.5rem;margin-bottom:.25rem}.popup-subtitle{font-size:.875rem;max-width:100%}.popup-form{gap:.875rem}.form-group{gap:.35rem}.form-group input,.form-group select{padding:.75rem 1rem;font-size:.95rem;border-radius:12px}.popup-submit-btn{padding:.875rem;margin-top:.5rem;font-size:1rem;border-radius:12px}.popup-footer{margin-top:1.25rem}}.popup-container::-webkit-scrollbar{width:6px}.popup-container::-webkit-scrollbar-track{background:transparent}.popup-container::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:10px}.popup-container::-webkit-scrollbar-thumb:hover{background:#d1d5db}.popup-result{text-align:center;padding:1rem 0;animation:resultFadeIn .5s cubic-bezier(.16,1,.3,1)}@keyframes resultFadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.result-icon-container{width:90px;height:90px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;position:relative}.success-icon-bg{background:linear-gradient(135deg,#ecfdf5,#d1fae5);box-shadow:0 10px 25px -5px rgba(16,185,129,.25),0 0 0 6px rgba(16,185,129,.08);animation:iconPulse 2s ease-in-out infinite}.error-icon-bg{background:linear-gradient(135deg,#fef2f2,#fecaca);box-shadow:0 10px 25px -5px rgba(239,68,68,.25),0 0 0 6px rgba(239,68,68,.08)}@keyframes iconPulse{0%,to{box-shadow:0 10px 25px -5px rgba(16,185,129,.25),0 0 0 6px rgba(16,185,129,.08)}50%{box-shadow:0 10px 25px -5px rgba(16,185,129,.35),0 0 0 12px rgba(16,185,129,.05)}}.result-icon{width:44px;height:44px}.success-check{width:52px;height:52px}.success-circle{stroke:#10b981;stroke-width:2;stroke-dasharray:166;stroke-dashoffset:166;animation:circleStroke .6s cubic-bezier(.65,0,.45,1) forwards}.success-checkmark{stroke:#10b981;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:48;stroke-dashoffset:48;animation:checkStroke .4s cubic-bezier(.65,0,.45,1) .4s forwards}@keyframes circleStroke{to{stroke-dashoffset:0}}@keyframes checkStroke{to{stroke-dashoffset:0}}.error-icon-bg .result-icon{color:#ef4444}.result-title{font-size:1.75rem;font-weight:800;background:linear-gradient(135deg,#059669,#10b981);-webkit-background-clip:text;background-clip:text;margin-bottom:.75rem;letter-spacing:-.02em;font-family:Inter,system-ui,sans-serif}.error-title,.result-title{-webkit-text-fill-color:transparent}.error-title{background:linear-gradient(135deg,#dc2626,#ef4444);-webkit-background-clip:text;background-clip:text}.result-message{font-size:1rem;color:#6b7280;line-height:1.6;max-width:380px;margin:0 auto 1.5rem}.result-details{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem;padding:1.25rem;background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border-radius:16px;border:1px solid rgba(16,185,129,.15)}.result-detail-item{display:flex;align-items:center;gap:.75rem;font-size:.9rem;color:#374151;font-weight:500}.result-detail-item svg{color:#10b981;flex-shrink:0}.popup-done-btn{background:linear-gradient(135deg,#059669,#10b981);color:#fff;border:none;border-radius:14px;padding:.9rem 2.5rem;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:Inter,system-ui,sans-serif;box-shadow:0 4px 14px -3px rgba(16,185,129,.4)}.popup-done-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px -5px rgba(16,185,129,.5)}.popup-done-btn.outline{background:transparent;color:#6b7280;border:2px solid #e5e7eb;box-shadow:none}.popup-done-btn.outline:hover{background:#f9fafb;border-color:#d1d5db;box-shadow:none;transform:translateY(-1px)}.popup-retry-btn{background:linear-gradient(135deg,#2563eb,#4f46e5);color:#fff;border:none;border-radius:14px;padding:.9rem 2rem;font-size:1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:Inter,system-ui,sans-serif;box-shadow:0 4px 14px -3px rgba(79,70,229,.4)}.popup-retry-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px -5px rgba(79,70,229,.5)}.error-actions{display:flex;gap:1rem;justify-content:center;margin-top:.5rem}@media (max-width:640px){.result-icon-container{width:76px;height:76px;margin-bottom:1.25rem}.result-icon{width:36px;height:36px}.success-check{width:44px;height:44px}.result-title{font-size:1.4rem}.result-message{font-size:.9rem;margin-bottom:1.25rem}.result-details{padding:1rem}.result-detail-item{font-size:.85rem}.error-actions{flex-direction:column;gap:.75rem}.popup-done-btn,.popup-retry-btn{width:100%}}.submitting-result{padding:2rem 0;animation:resultFadeIn .4s cubic-bezier(.16,1,.3,1)}.submitting-animation{display:flex;justify-content:center;margin-bottom:1.75rem}.submitting-spinner{width:80px;height:80px;position:relative;display:flex;align-items:center;justify-content:center}.spinner-svg{width:80px;height:80px;animation:spinnerRotate 1.4s linear infinite;position:absolute;top:0;left:0}.spinner-circle{stroke:#3b82f6;stroke-dasharray:90,150;stroke-dashoffset:0;stroke-linecap:round;animation:spinnerDash 1.4s ease-in-out infinite}@keyframes spinnerRotate{to{transform:rotate(1turn)}}@keyframes spinnerDash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}.spinner-icon{color:#3b82f6;animation:spinnerIconPulse 1.5s ease-in-out infinite;z-index:1}@keyframes spinnerIconPulse{0%,to{opacity:.7;transform:scale(.95)}50%{opacity:1;transform:scale(1.05)}}.submitting-title{font-size:1.5rem;font-weight:800;background:linear-gradient(135deg,#2563eb,#4f46e5);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem;letter-spacing:-.02em;font-family:Inter,system-ui,sans-serif}.submitting-message{font-size:.95rem;color:#9ca3af;margin-bottom:2rem}.submitting-steps{display:flex;flex-direction:column;gap:1rem;max-width:280px;margin:0 auto 2rem;text-align:left}.submitting-step{display:flex;align-items:center;gap:.85rem;font-size:.9rem;color:#d1d5db;font-weight:500;transition:all .4s ease}.submitting-step.active{color:#374151}.submitting-step.active.done{color:#059669}.step-dot{width:24px;height:24px;border-radius:50%;background:#e5e7eb;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .4s ease}.submitting-step.active .step-dot{background:linear-gradient(135deg,#3b82f6,#4f46e5);box-shadow:0 0 0 4px rgba(59,130,246,.15)}.submitting-step.active.done .step-dot{background:linear-gradient(135deg,#059669,#10b981);box-shadow:0 0 0 4px rgba(16,185,129,.15)}.submitting-step.active.done .step-dot svg{color:#fff}.step-dot.pulsing{animation:dotPulse 1.2s ease-in-out infinite}@keyframes dotPulse{0%,to{box-shadow:0 0 0 4px rgba(59,130,246,.15)}50%{box-shadow:0 0 0 8px rgba(59,130,246,.08)}}.submitting-progress-bar{width:100%;max-width:320px;height:4px;background:#e5e7eb;border-radius:100px;overflow:hidden;margin:0 auto}.submitting-progress-fill{height:100%;width:0;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#4f46e5);border-radius:100px;animation:progressGrow 3s ease-in-out forwards;background-size:200% 100%;animation:progressGrow 3s ease-in-out forwards,progressShimmer 1.5s linear infinite}@keyframes progressGrow{0%{width:0}20%{width:30%}50%{width:55%}80%{width:80%}to{width:92%}}@keyframes progressShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:640px){.submitting-result{padding:1.5rem 0}.spinner-svg,.submitting-spinner{width:68px;height:68px}.submitting-title{font-size:1.3rem}.submitting-message{font-size:.875rem;margin-bottom:1.5rem}.submitting-steps{gap:.85rem;margin-bottom:1.5rem}.submitting-step{font-size:.85rem}}