:root{--bg-dark:#011b2f;--bg-darker:#00101d;--text-light:#f8fafc;--text-muted:#94a3b8;--color-blue:#007acc;--color-blue-glow:#007acc59;--color-purple:#003f66;--color-amber:#ffb915;--color-green:#ffd358;--color-whatsapp:#25d366;--color-whatsapp-hover:#20ba59;--border-glass:#ffffff14;--border-glass-active:#007acc99;--bg-glass:#011628a6;--bg-glass-card:#01233c73;--bg-glass-hover:#003f6659;--font-primary:"Plus Jakarta Sans", sans-serif;--transition-smooth:all .4s cubic-bezier(.16, 1, .3, 1);--transition-fast:all .2s ease}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-darker);height:100%;color:var(--text-light);font-family:var(--font-primary);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}#root{min-height:100%}body:before{content:"";pointer-events:none;z-index:1;background-image:linear-gradient(#007acc05 1px,#0000 1px),linear-gradient(90deg,#007acc05 1px,#0000 1px);background-position:top;background-size:40px 40px;width:100%;height:100%;position:fixed;top:0;left:0;-webkit-mask-image:radial-gradient(circle,#000 30%,#0000 90%);mask-image:radial-gradient(circle,#000 30%,#0000 90%)}.orb{filter:blur(120px);pointer-events:none;opacity:.18;z-index:0;border-radius:50%;transition:transform 1s cubic-bezier(.16,1,.3,1);animation:25s ease-in-out infinite alternate orbFloat;position:fixed}.orb-1{background:var(--color-blue);width:450px;height:450px;top:-10%;left:-10%}.orb-2{background:var(--color-purple);width:500px;height:500px;animation-delay:-5s;bottom:-10%;right:-10%}.orb-3{background:var(--color-amber);opacity:.06;width:400px;height:400px;animation-delay:-10s;top:40%;left:50%;transform:translate(-50%,-50%)}@keyframes orbFloat{0%{transform:translate(0)scale(1)}50%{transform:translate(30px,-40px)scale(1.1)}to{transform:translate(-20px,20px)scale(.95)}}.form-container{z-index:10;flex-direction:column;justify-content:center;width:100%;max-width:780px;min-height:100vh;margin:0 auto;padding:24px 20px;display:flex;position:relative}.form-header{margin-bottom:30px}.header-top{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.logo-wrap{color:var(--text-light);align-items:center;gap:10px;text-decoration:none;display:flex}.logo-mark{background:linear-gradient(135deg, var(--color-blue), var(--color-purple));border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:1rem;font-weight:900;display:flex;box-shadow:0 0 15px #007acc66}.logo-text{letter-spacing:-.03em;font-size:1.1rem;font-weight:800}.btn-back{color:var(--text-muted);font-family:var(--font-primary);cursor:pointer;transition:var(--transition-fast);opacity:0;pointer-events:none;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:8px 12px;font-size:.85rem;font-weight:600;display:flex}.btn-back.visible{opacity:1;pointer-events:auto}.btn-back:hover{color:var(--text-light);background:#ffffff0d}.progress-bar-container{background:#ffffff0d;border-radius:10px;width:100%;height:6px;margin-bottom:10px;overflow:hidden}.progress-bar{background:linear-gradient(90deg, var(--color-blue), var(--color-green));height:100%;box-shadow:0 0 10px var(--color-blue-glow);border-radius:10px;transition:width .5s cubic-bezier(.16,1,.3,1)}.progress-text{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:500}.form-main{background:var(--bg-glass);border:1px solid var(--border-glass);-webkit-backdrop-filter:blur(20px);border-radius:20px;flex-direction:column;justify-content:center;min-height:450px;padding:40px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 50px #0006}.form-step{opacity:0;display:none}.form-step.active{flex-direction:column;animation:.6s cubic-bezier(.16,1,.3,1) forwards stepEnter;display:flex}.form-step.exit{animation:.4s cubic-bezier(.16,1,.3,1) forwards stepExit}@keyframes stepEnter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes stepExit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.step-badge{color:var(--color-green);letter-spacing:.05em;text-transform:uppercase;background:#007acc1a;border:1px solid #007acc33;border-radius:30px;align-self:flex-start;margin-bottom:20px;padding:6px 12px;font-size:.75rem;font-weight:700}.step-title{letter-spacing:-.02em;margin-bottom:12px;font-size:clamp(1.5rem,4vw,2.1rem);font-weight:800;line-height:1.3}.text-gradient{background:linear-gradient(135deg, var(--color-blue) 0%, var(--color-green) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.step-desc{color:var(--text-muted);margin-bottom:30px;font-size:.95rem}.input-group{width:100%;margin-bottom:35px;position:relative}.input-group input[type=text]{border:none;border-bottom:2px solid var(--border-glass);width:100%;color:var(--text-light);font-family:var(--font-primary);transition:var(--transition-fast);background:0 0;outline:none;padding:12px 0;font-size:1.4rem;font-weight:600}.input-group input[type=text]::placeholder{color:#94a3b859}.input-border{background:linear-gradient(90deg, var(--color-blue), var(--color-green));width:0;height:2px;transition:var(--transition-smooth);position:absolute;bottom:0;left:0}.input-group input[type=text]:focus~.input-border{width:100%}.double-input{grid-template-columns:1fr 1fr;gap:25px;display:grid}.input-subgroup{flex-direction:column;gap:8px;display:flex;position:relative}.input-subgroup label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.8rem;font-weight:700}.input-subgroup input{border:1px solid var(--border-glass);color:var(--text-light);font-family:var(--font-primary);transition:var(--transition-fast);background:#ffffff05;border-radius:8px;outline:none;padding:14px 16px;font-size:1.1rem;font-weight:600}.input-subgroup input:focus{border-color:var(--color-blue);background:#007acc0d;box-shadow:0 0 15px #007acc26}.step-actions{align-items:center;gap:20px;display:flex}.btn-next{background:linear-gradient(135deg, var(--color-blue), var(--color-purple));color:var(--text-light);font-family:var(--font-primary);cursor:pointer;box-shadow:0 8px 25px var(--color-blue-glow);transition:var(--transition-smooth);border:none;border-radius:10px;align-items:center;gap:10px;padding:14px 32px;font-size:1rem;font-weight:700;display:flex}.btn-next:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 12px 30px #007acc80}.btn-next .icon-arrow{transition:transform .3s}.btn-next:hover .icon-arrow{transform:translate(4px)}.keyboard-tip{color:var(--text-muted);font-size:.8rem}.keyboard-tip kbd{border:1px solid var(--border-glass);background:#ffffff14;border-radius:4px;padding:3px 6px;font-family:system-ui,-apple-system,sans-serif;font-weight:600}.keyboard-tip.bottom{text-align:center;color:#94a3b880;margin-top:25px;display:block}.choices-grid{grid-template-columns:1fr;gap:12px;width:100%;display:grid}@media (width>=600px){.choices-grid{grid-template-columns:1fr 1fr}.choices-grid:has(label:nth-child(5)) label:nth-child(5){grid-column:span 2}}.choice-card{background:var(--bg-glass-card);border:1px solid var(--border-glass);cursor:pointer;transition:var(--transition-smooth);-webkit-user-select:none;user-select:none;border-radius:12px;align-items:center;padding:16px 20px;display:flex;position:relative}.choice-card input[type=radio]{opacity:0;cursor:pointer;position:absolute}.choice-number{border:1px solid var(--border-glass);min-width:26px;height:26px;color:var(--text-muted);transition:var(--transition-fast);background:#ffffff05;border-radius:6px;justify-content:center;align-items:center;margin-right:15px;font-size:.75rem;font-weight:700;display:flex}.choice-text{color:var(--text-light);transition:var(--transition-fast);font-size:.95rem;font-weight:600}.choice-indicator{border:2px solid var(--border-glass);width:18px;height:18px;transition:var(--transition-fast);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;display:flex;position:relative}.choice-indicator:after{content:"";background:var(--color-blue);border-radius:50%;width:8px;height:8px;transition:transform .2s;transform:scale(0)}.choice-card:hover{background:var(--bg-glass-hover);border-color:#fff3;transform:translateY(-2px)}.choice-card:hover .choice-number{color:var(--text-light);border-color:#ffffff40}.choice-card.selected{border-color:var(--border-glass-active);background:#007acc1a;box-shadow:0 0 20px #007acc26}.choice-card.selected .choice-number{background:var(--color-blue);border-color:var(--color-blue);color:var(--text-light)}.choice-card.selected .choice-text{color:var(--text-light)}.choice-card.selected .choice-indicator{border-color:var(--color-blue)}.choice-card.selected .choice-indicator:after{transform:scale(1)}.choice-card:has(input[type=radio]:checked){border-color:var(--border-glass-active);background:#007acc1a;box-shadow:0 0 20px #007acc26}.choice-card:has(input[type=radio]:checked) .choice-number{background:var(--color-blue);border-color:var(--color-blue);color:var(--text-light)}.choice-card:has(input[type=radio]:checked) .choice-text{color:var(--text-light)}.choice-card:has(input[type=radio]:checked) .choice-indicator{border-color:var(--color-blue)}.choice-card:has(input[type=radio]:checked) .choice-indicator:after{transform:scale(1)}.choices-stack{flex-direction:column;gap:12px;width:100%;display:flex}.choice-card-horizontal{background:var(--bg-glass-card);border:1px solid var(--border-glass);cursor:pointer;transition:var(--transition-smooth);-webkit-user-select:none;user-select:none;border-radius:12px;align-items:center;padding:18px 22px;display:flex;position:relative}.choice-card-horizontal input[type=radio]{opacity:0;cursor:pointer;position:absolute}.choice-content{flex-direction:column;gap:4px;padding-right:20px;display:flex}.choice-title{color:var(--text-light);font-size:1rem;font-weight:700}.choice-sub{color:var(--text-muted);font-size:.8rem}.choice-card-horizontal:hover{background:var(--bg-glass-hover);border-color:#fff3;transform:translateY(-2px)}.choice-card-horizontal.selected{border-color:var(--border-glass-active);background:#007acc1a;box-shadow:0 0 20px #007acc26}.choice-card-horizontal.selected .choice-number{background:var(--color-blue);border-color:var(--color-blue);color:var(--text-light)}.choice-card-horizontal.selected .choice-indicator{border-color:var(--color-blue)}.choice-card-horizontal.selected .choice-indicator:after{transform:scale(1)}.choice-card-horizontal:has(input[type=radio]:checked){border-color:var(--border-glass-active);background:#007acc1a;box-shadow:0 0 20px #007acc26}.choice-card-horizontal:has(input[type=radio]:checked) .choice-number{background:var(--color-blue);border-color:var(--color-blue);color:var(--text-light)}.choice-card-horizontal:has(input[type=radio]:checked) .choice-indicator{border-color:var(--color-blue)}.choice-card-horizontal:has(input[type=radio]:checked) .choice-indicator:after{transform:scale(1)}.step-loading{text-align:center;justify-content:center;align-items:center;padding:20px 0}.loading-wrapper{flex-direction:column;align-items:center;width:100%;display:flex}.loading-spinner-outer{justify-content:center;align-items:center;width:120px;height:120px;margin-bottom:30px;display:flex;position:relative}.loading-spinner-inner{border:3px solid #ffffff08;border-top:3px solid var(--color-blue);border-right:3px solid var(--color-green);border-radius:50%;width:100%;height:100%;animation:1.2s cubic-bezier(.5,0,.5,1) infinite spin;position:absolute}.loading-percentage{color:var(--text-light);font-variant-numeric:tabular-nums;font-size:1.6rem;font-weight:800}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-title{margin-bottom:25px;font-size:1.6rem;font-weight:800}.loading-status-list{text-align:left;border:1px solid var(--border-glass);background:#ffffff03;border-radius:12px;flex-direction:column;gap:15px;max-width:420px;padding:20px 24px;display:flex}.status-item{opacity:.3;transition:var(--transition-smooth);align-items:center;gap:12px;display:flex}.status-item.active{opacity:1}.status-item.completed{opacity:.8}.status-dot{background:var(--text-muted);width:8px;height:8px;transition:var(--transition-fast);border-radius:50%;flex-shrink:0}.status-item.active .status-dot{background:var(--color-blue);box-shadow:0 0 10px var(--color-blue);transform:scale(1.2)}.status-item.completed .status-dot{background:var(--color-green)}.status-label{color:var(--text-light);font-size:.85rem;font-weight:600}.status-item.completed .status-label{color:var(--text-muted);text-decoration:line-through}.step-result{width:100%}.result-card{flex-direction:column;gap:25px;display:flex}.result-badge{color:var(--color-amber);letter-spacing:.06em;text-transform:uppercase;background:#ffb9151a;border:1px solid #ffb91533;border-radius:30px;align-self:center;padding:8px 16px;font-size:.8rem;font-weight:800}.result-title{text-align:center;letter-spacing:-.03em;font-size:clamp(1.6rem,5vw,2.3rem);font-weight:900;line-height:1.25}.result-subtitle{text-align:center;color:var(--color-green);margin-top:-15px;margin-bottom:20px;font-size:1.15rem;font-weight:700}.text-gradient-result{background:linear-gradient(135deg, var(--color-amber) 0%, var(--color-green) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.diagnostic-summary{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:5px;display:flex}.diagnostic-pill{border:1px solid var(--border-glass);background:#ffffff08;border-radius:50px;align-items:center;gap:8px;padding:8px 18px;display:flex}.pill-label{text-transform:uppercase;color:var(--text-muted);letter-spacing:.02em;font-size:.75rem;font-weight:700}.pill-value{color:var(--color-green);font-size:.85rem;font-weight:800}.diagnostic-text-box{border-left:3px solid var(--color-amber);background:#ffffff05;border-radius:0 12px 12px 0;flex-direction:column;gap:12px;padding:24px;display:flex}.diagnostic-intro{color:var(--text-light);font-size:1.05rem;line-height:1.6}.diagnostic-intro strong{color:var(--color-green)}.diagnostic-analysis{color:var(--text-muted);font-size:.9rem;line-height:1.6}.result-cta-section{text-align:center;background:linear-gradient(#007acc0d 0%,#0000 100%);border:1px solid #007acc26;border-radius:16px;flex-direction:column;align-items:center;gap:15px;margin-top:10px;padding:30px;display:flex}.result-cta-section h3{color:var(--color-green);font-size:1.25rem;font-weight:800}.result-cta-section p{color:var(--text-muted);max-width:500px;font-size:.95rem;line-height:1.5}.btn-cta-whatsapp{background-color:var(--color-whatsapp);color:#000;transition:var(--transition-smooth);cursor:pointer;border:none;border-radius:12px;align-items:center;gap:12px;padding:16px 36px;font-size:1.1rem;font-weight:800;text-decoration:none;animation:2s infinite btnPulse;display:inline-flex;box-shadow:0 10px 25px #25d3664d}.btn-cta-whatsapp:hover{background-color:var(--color-whatsapp-hover);transform:translateY(-2px);box-shadow:0 15px 30px #25d3668c}.btn-cta-whatsapp svg{width:24px;height:24px}@keyframes btnPulse{0%{box-shadow:0 0 #25d36699}70%{box-shadow:0 0 0 15px #25d36600}to{box-shadow:0 0 #25d36600}}.cta-footnote{font-size:.75rem;color:#94a3b880!important}@keyframes stepShake{0%,to{transform:translate(0)}20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}.shake{animation:.4s ease-in-out stepShake}@media (width<=600px){.form-container{justify-content:flex-start;padding:12px 10px}.form-main{border-radius:16px;min-height:calc(100vh - 150px);padding:24px 20px}.step-badge{margin-bottom:15px}.step-desc{margin-bottom:20px}.input-group input[type=text]{font-size:1.15rem}.double-input{grid-template-columns:1fr;gap:15px}.choice-card-horizontal{padding:14px 16px}.choice-title{font-size:.9rem}.choice-sub{font-size:.75rem}.diagnostic-text-box{padding:16px}.result-cta-section{padding:20px 15px}.btn-cta-whatsapp{justify-content:center;width:100%;padding:14px 24px;font-size:.95rem}}.invalid-field{background:#ff4b4b08!important;border-color:#ff4b4b!important;box-shadow:0 0 10px #ff4b4b1a!important}.input-group input[type=text].invalid-field{border-bottom:2px solid #ff4b4b!important}.error-message{color:#ff4b4b;margin-top:6px;font-size:.75rem;font-weight:600;display:block}