:root{--color-bg-primary: #FAFAF8;--color-bg-secondary: #FFFFFF;--color-text-primary: #1A1A1A;--color-text-secondary: #4A4A4A;--color-text-muted: #6B6B6B;--color-gold-primary: #D4AF37;--color-gold-light: #F4E5B0;--color-gold-dark: #B8941F;--color-border-light: #E8E8E8;--color-accent-dark: #2C2C2C;--font-serif: "PT Serif", Georgia, serif;--font-sans: "PT Sans", "Inter", system-ui, sans-serif;--gradient-gold: linear-gradient(135deg, #D4AF37 0%, #F4E5B0 100%)}.diagnostic-wrapper{min-height:100vh;background:var(--color-bg-primary);padding:3rem 1rem;display:flex;align-items:center;justify-content:center;font-family:var(--font-sans)}.diagnostic-container{width:100%;max-width:42rem;background:var(--color-bg-secondary);border-radius:1.5rem;box-shadow:0 20px 60px #0000001a;overflow:hidden}.diagnostic-header{background:linear-gradient(135deg,var(--color-accent-dark) 0%,#3A3A3A 100%);padding:2rem;color:#fff}.diagnostic-title{font-family:var(--font-serif);font-size:1.75rem;font-weight:700;margin-bottom:.75rem;color:#fff}.diagnostic-subtitle{font-size:1rem;color:#ffffffd9;margin-bottom:.75rem;line-height:1.5}.diagnostic-reassurance{font-size:.88rem;display:flex;align-items:flex-start;gap:.5rem;color:#ffffffa6;margin-bottom:1.75rem;line-height:1.5;font-style:italic}.subtitle-icon{width:1rem;height:1rem;flex-shrink:0;margin-top:.15rem}.process-timeline{display:flex;align-items:stretch;gap:0;margin-bottom:1.5rem;padding:.75rem 0;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}.timeline-step{display:flex;flex-direction:column;align-items:center;gap:.4rem;flex:0 0 auto;text-align:center;min-width:0}.timeline-circle{width:1.75rem;height:1.75rem;border-radius:50%;background:#ffffff1f;color:#ffffffb3;font-weight:700;font-size:.85rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.timeline-step.is-current .timeline-circle{background:var(--color-gold-primary);color:#1a1a1a;box-shadow:0 0 0 3px #d4af3740}.timeline-step.is-done .timeline-circle{background:var(--color-gold-dark);color:#fff;opacity:.95}.timeline-label{display:flex;flex-direction:column;gap:.1rem;line-height:1.25}.timeline-label-title{font-size:.75rem;font-weight:600;color:#ffffffe6;white-space:nowrap}.timeline-label-note{font-size:.68rem;color:#ffffff80;font-style:italic}.timeline-step.is-current .timeline-label-title{color:var(--color-gold-primary)}.timeline-step.is-done .timeline-label-title{color:#ffffffbf}.timeline-connector{flex:1 1 auto;height:1px;background:#ffffff26;align-self:center;margin:-.9rem .5rem 0;min-width:.5rem;transition:background .25s ease}.timeline-connector.is-done{background:var(--color-gold-primary)}@media (max-width: 640px){.process-timeline{flex-direction:column;gap:.5rem;align-items:flex-start;padding:.75rem .25rem}.timeline-step{flex-direction:row;align-items:center;gap:.65rem;text-align:left;width:100%}.timeline-label{flex-direction:row;align-items:baseline;gap:.5rem}.timeline-label-title{white-space:normal}.timeline-connector{display:none}}.progress-bar-wrapper{display:flex;gap:.5rem}.progress-bar-item{height:.25rem;flex:1;border-radius:9999px;background:#fff3;transition:all .3s ease}.progress-bar-item.active{background:var(--color-gold-primary);box-shadow:0 0 8px #d4af3766}.diagnostic-form{padding:2.5rem}@media (max-width: 640px){.diagnostic-form{padding:1.5rem}}.form-step{display:space-y-6;animation:fadeIn .3s ease-in-out}.step-title{font-family:var(--font-serif);font-size:1.5rem;font-weight:700;color:var(--color-text-primary);margin-bottom:1.5rem}.form-group{margin-bottom:1.75rem}.form-group-inline{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem}.form-group-inline .form-label{margin-bottom:0;flex-shrink:0;white-space:nowrap}.form-input-compact{flex:1 1 auto;max-width:24rem}@media (max-width: 600px){.form-group-inline{flex-direction:column;align-items:stretch;gap:.5rem}.form-group-inline .form-label{margin-bottom:.5rem}.form-input-compact{max-width:100%}}.form-label{display:block;font-size:.95rem;font-weight:500;color:var(--color-text-primary);margin-bottom:.75rem;font-family:var(--font-sans)}.form-input,.form-select,.form-textarea{width:100%;padding:1rem;border:1px solid var(--color-border-light);border-radius:.75rem;font-family:var(--font-sans);font-size:1rem;color:var(--color-text-primary);background:var(--color-bg-secondary);transition:all .3s ease}.form-input::-moz-placeholder,.form-select::-moz-placeholder,.form-textarea::-moz-placeholder{color:var(--color-text-muted)}.form-input::placeholder,.form-select::placeholder,.form-textarea::placeholder{color:var(--color-text-muted)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color-gold-primary);box-shadow:0 0 0 3px #d4af371a;background:var(--color-bg-secondary)}.form-textarea{resize:vertical;min-height:5rem}.form-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236B6B6B' d='M1 4l5 4 5-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem}.channel-pills{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.channel-pill{padding:.75rem .5rem;border:1px solid var(--color-border-light);border-radius:.75rem;background:var(--color-bg-secondary);color:var(--color-text-secondary);font-family:var(--font-sans);font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s ease;text-align:center}.channel-pill:hover{border-color:var(--color-gold-primary);background:#f4e5b01a}.channel-pill.active{background:var(--color-accent-dark);color:#fff;border-color:var(--color-accent-dark);box-shadow:0 2px 8px #00000026}@media (max-width: 500px){.channel-pills{grid-template-columns:repeat(2,1fr)}}.backup-email-group{background:#f4e5b014;border:1px dashed var(--color-border-light);border-radius:.75rem;padding:1rem;margin-bottom:1.25rem}.form-checkbox-label{display:flex;align-items:flex-start;gap:.6rem;cursor:pointer;font-size:.9rem;color:var(--color-text-secondary);line-height:1.4}.form-checkbox-label input[type=checkbox]{width:1.1rem;height:1.1rem;margin-top:.1rem;flex-shrink:0;accent-color:var(--color-gold-primary);cursor:pointer}.backup-email-input{margin-top:.75rem}.form-reassurance{font-size:.85rem;color:var(--color-text-muted);text-align:center;margin-top:.5rem;font-style:italic}.form-reassurance-inline{font-size:.85rem;color:var(--color-text-muted);font-style:italic;line-height:1.4;flex:0 1 auto;max-width:26rem}@media (max-width: 640px){.form-reassurance-inline{text-align:center;max-width:100%}}.importance-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(2.5rem,1fr));gap:.5rem;margin-bottom:1rem}.importance-btn{width:100%;aspect-ratio:1;border:1px solid var(--color-border-light);border-radius:.75rem;font-weight:600;font-size:.95rem;cursor:pointer;background:var(--color-bg-secondary);color:var(--color-text-secondary);transition:all .3s ease}.importance-btn:hover{border-color:var(--color-gold-primary);background:#f4e5b01a}.importance-btn.active{background:var(--color-gold-primary);color:#fff;border-color:var(--color-gold-primary);box-shadow:0 4px 12px #d4af374d;transform:scale(1.05)}.importance-hint{font-size:.85rem;color:var(--color-text-muted);text-align:center;margin-top:.75rem}.qualification-box{background:linear-gradient(135deg,#f4e5b014,#fafaf8f2);border:1px solid var(--color-border-light);border-left:4px solid var(--color-gold-primary);border-radius:.75rem;padding:1.5rem}.qualification-text{font-size:.95rem;color:var(--color-text-secondary);line-height:1.6;margin-bottom:1.25rem}.qualification-question{display:block;font-size:.9rem;font-weight:600;color:var(--color-text-primary);margin-bottom:1rem}.radio-options{display:flex;flex-direction:column;gap:.75rem}.radio-label{display:flex;align-items:center;gap:.75rem;padding:.875rem;border:1px solid var(--color-border-light);border-radius:.75rem;cursor:pointer;transition:all .3s ease;background:var(--color-bg-secondary)}.radio-label:hover{border-color:var(--color-gold-primary);background:#f4e5b00d}.radio-input{width:1.25rem;height:1.25rem;cursor:pointer;flex-shrink:0;accent-color:var(--color-gold-primary)}.radio-label span{font-size:.95rem;color:var(--color-text-primary);font-weight:400}.form-navigation{display:flex;justify-content:space-between;align-items:center;margin-top:2.5rem;gap:1rem}.nav-spacer{flex:1}.btn-prev,.btn-next,.btn-submit{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:.75rem;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease;font-family:var(--font-sans)}.btn-prev{color:var(--color-text-muted);background:transparent;padding:.5rem 1rem}.btn-prev:hover{color:var(--color-text-primary);background:#00000008}.btn-next{background:var(--color-gold-primary);color:#1a1a1a;padding:.875rem 1.75rem;box-shadow:0 4px 12px #d4af3740}.btn-next:hover{background:var(--color-gold-dark);color:#fff;box-shadow:0 6px 18px #d4af3766;transform:translateY(-2px)}.btn-submit{background:var(--color-accent-dark);color:#fff;padding:.875rem 1.75rem}.btn-submit:hover:not(.disabled){background:#1a1a1a;box-shadow:0 4px 12px #00000040;transform:translateY(-2px)}.btn-submit.disabled{background:var(--color-border-light);color:var(--color-text-muted);cursor:not-allowed;opacity:.6}.btn-icon{width:1rem;height:1rem;flex-shrink:0}.diagnostic-success{display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:42rem;margin:0 auto;background:var(--color-bg-secondary);border-radius:1.5rem;box-shadow:0 20px 60px #0000001a;padding:3rem 2rem;text-align:center;animation:fadeIn .3s ease-in-out}.success-icon-wrapper{display:flex;justify-content:center;margin-bottom:1.5rem}.success-icon{width:5rem;height:5rem;color:var(--color-gold-primary);animation:bounceIn .6s ease-out}.success-title{font-family:var(--font-serif);font-size:2rem;font-weight:700;color:var(--color-text-primary);margin-bottom:1rem}.success-text{font-size:1.05rem;color:var(--color-text-secondary);line-height:1.8;margin-bottom:1.5rem}.success-note{background:#f4e5b01a;border:1px solid var(--color-border-light);border-radius:.75rem;padding:1rem;font-size:.9rem;color:var(--color-text-muted);line-height:1.5}.success-note a{color:var(--color-gold-dark);text-decoration:underline;font-weight:600}.success-note a:hover{color:var(--color-gold-primary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .3s ease-in-out}@keyframes bounceIn{0%{transform:scale(.3);opacity:0}50%{opacity:1}70%{transform:scale(1.05)}to{transform:scale(1)}}@media (max-width: 640px){.diagnostic-header{padding:1.5rem}.diagnostic-title{font-size:1.5rem}.step-title{font-size:1.25rem}.form-navigation{flex-direction:column-reverse}.btn-prev,.btn-next,.btn-submit{width:100%;justify-content:center}.nav-spacer{flex:0}.importance-buttons{grid-template-columns:repeat(5,1fr)}.diagnostic-success{padding:2rem 1.5rem}.success-icon{width:4rem;height:4rem}.success-title{font-size:1.5rem}}.success-testimonials-block{margin-top:32px;padding-top:24px;border-top:1px solid rgba(212,175,55,.2);text-align:center}.testimonials-heading{font-size:.95rem;color:var(--color-text-light, #8d6e63);margin-bottom:16px;line-height:1.5;font-style:italic}.testimonials-button{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;background:linear-gradient(135deg,#d4a574,#b8941f);color:#2d1810;border-radius:8px;font-weight:700;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 15px #d4a5744d}.testimonials-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #d4a57466}.testimonials-button:active{transform:translateY(0)}
