.funnel-step{display:none;will-change:transform, opacity;position:relative;overflow:visible;width:100%}.funnel-step.active{display:flex;flex-direction:column;align-items:center;overflow:visible;width:100%}#funnel-container{position:relative;overflow:visible}.funnel-card.selected{border-color:#00c853 !important;background:linear-gradient(135deg, rgba(0, 200, 83, 0.25) 0%, rgba(0, 200, 83, 0.15) 100%),    linear-gradient(135deg, #1a3a2a 0%, #0f2a1a 100%) !important;box-shadow:0 0 40px rgba(0, 200, 83, 0.4),    0 8px 25px rgba(0, 200, 83, 0.3) !important;transform:scale(1.02) !important}.funnel-card.selected::after{content:"\f00c";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;top:1rem;right:1rem;width:2.5rem;height:2.5rem;background:#00c853;color:#ffffff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;box-shadow:0 0 20px rgba(0, 200, 83, 0.6);animation:checkmark 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55)}@keyframes checkmark{0%{transform:scale(0) rotate(-180deg);opacity:0}50%{transform:scale(1.3) rotate(10deg);opacity:1}70%{transform:scale(0.9) rotate(-5deg)}100%{transform:scale(1) rotate(0deg);opacity:1}}.funnel-button.selected{border-color:#00c853 !important;background:linear-gradient(135deg, rgba(0, 200, 83, 0.25) 0%, rgba(0, 200, 83, 0.15) 100%),    linear-gradient(135deg, #1a3a2a 0%, #0f2a1a 100%) !important;box-shadow:0 0 30px rgba(0, 200, 83, 0.4),    0 6px 20px rgba(0, 200, 83, 0.3) !important;transform:scale(1.02) !important}.funnel-button.selected::before{content:"\f00c";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;top:0.5rem;right:0.5rem;width:2rem;height:2rem;background:#00c853;color:#ffffff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.875rem;box-shadow:0 0 15px rgba(0, 200, 83, 0.6);animation:checkmark 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55)}.progress-dot{width:12px;height:12px;border-radius:50%;transition:all 0.3s ease;position:relative}.progress-dot.pending{background:rgba(107, 114, 128, 0.3);border:2px solid rgba(107, 114, 128, 0.5)}.progress-dot.completed{background:#ffff00;border:2px solid #ffff00;box-shadow:0 0 10px rgba(255, 255, 0, 0.3)}.progress-dot.active{background:#00c853;border:2px solid #00c853;animation:livePulse 2s ease-in-out infinite}@keyframes livePulse{0%,  100%{box-shadow:0 0 0 0 rgba(0, 200, 83, 0.7),      0 0 0 0 rgba(0, 200, 83, 0.4),      0 0 10px rgba(0, 200, 83, 0.5)}50%{box-shadow:0 0 0 8px rgba(0, 200, 83, 0),      0 0 0 16px rgba(0, 200, 83, 0),      0 0 15px rgba(0, 200, 83, 0.8)}}.progress-dot:hover{transform:scale(1.2)}#navigation-buttons button{position:relative;overflow:hidden}#navigation-buttons button::before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255, 255, 255, 0.1);transform:translate(-50%, -50%);transition:width 0.6s,    height 0.6s}#navigation-buttons button:hover::before{width:300px;height:300px}#navigation-buttons button:disabled{pointer-events:none}.loading{position:relative;pointer-events:none}.loading::after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid rgba(255, 255, 255, 0.3);border-top-color:#ffff00;border-radius:50%;animation:spin 0.8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#form-error{animation:shake 0.4s ease-out}@keyframes shake{0%,  100%{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}#step-5 .fa-check{animation:successPulse 1s ease-out}@keyframes successPulse{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}100%{transform:scale(1);opacity:1}}@media (max-width:768px){.funnel-card.selected::after,  .funnel-button.selected::before{top:0.75rem;right:0.75rem;width:1.75rem;height:1.75rem;font-size:0.75rem}}html{scroll-behavior:smooth}.funnel-card:focus-visible,.funnel-button:focus-visible{outline:3px solid #ffff00;outline-offset:2px}.safe-area-bottom{padding-bottom:max(16px, env(safe-area-inset-bottom))}.safe-area-page-bottom{padding-bottom:2rem}