:root{--coral:#fa7a7a;--teal:#7afaca;--dark-teal:#1b7a56;--charcoal:#878585;--dark-gray:#7a6b63;--black:#000;--white:#fff}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#1a1a1a;color:#fff;color:var(--white);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.App{display:flex;flex-direction:column;min-height:100vh}.app-header{background:linear-gradient(135deg,#1b7a56,#878585);background:linear-gradient(135deg,var(--dark-teal) 0,var(--charcoal) 100%);padding:2rem 1rem;text-align:center}.app-header h1{color:#7afaca;color:var(--teal);font-size:2.5rem;margin-bottom:.5rem}.subtitle{color:#fa7a7a;color:var(--coral);font-size:1.2rem}.app-main{flex:1 1;margin:0 auto;max-width:800px;padding:2rem 1rem;width:100%}.app-footer{color:#878585;color:var(--charcoal);font-size:.9rem;padding:1rem;text-align:center}.quiz-container{background-color:#2a2a2a;border-radius:12px;box-shadow:0 4px 6px #0000004d;padding:2rem}.progress-bar{background-color:#3a3a3a;border-radius:4px;height:8px;margin-bottom:2rem;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#7afaca,#fa7a7a);background:linear-gradient(90deg,var(--teal) 0,var(--coral) 100%);height:100%;transition:width .3s ease}.question{margin-bottom:2rem}.question-label{color:#7afaca;color:var(--teal);display:block;font-size:1.2rem;font-weight:500;margin-bottom:1rem}.question-input,.question-select,.question-textarea{background-color:#3a3a3a;border:2px solid #878585;border:2px solid var(--charcoal);border-radius:8px;color:#fff;color:var(--white);font-size:1rem;padding:.75rem;transition:border-color .3s ease;width:100%}.question-input:focus,.question-select:focus,.question-textarea:focus{border-color:#7afaca;border-color:var(--teal);outline:none}.question-textarea{min-height:100px;resize:vertical}.radio-group{display:flex;flex-direction:column;gap:.75rem}.radio-option{align-items:center;border:2px solid #878585;border:2px solid var(--charcoal);border-radius:8px;cursor:pointer;display:flex;padding:.75rem;transition:all .3s ease}.radio-option:hover{background-color:#3a3a3a;border-color:#7afaca;border-color:var(--teal)}.radio-option input[type=radio]{cursor:pointer;margin-right:.75rem}.radio-option.selected{background-color:#3a3a3a;border-color:#7afaca;border-color:var(--teal)}.btn{border:none;border-radius:8px;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#7afaca,#1b7a56);background:linear-gradient(135deg,var(--teal) 0,var(--dark-teal) 100%);color:#000;color:var(--black)}.btn-primary:hover{box-shadow:0 4px 12px #7afaca66;transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn-secondary{background-color:initial;border:2px solid #fa7a7a;border:2px solid var(--coral);color:#fa7a7a;color:var(--coral);margin-right:1rem}.btn-secondary:hover{background-color:#fa7a7a;background-color:var(--coral);color:#000;color:var(--black)}.button-group{display:flex;justify-content:flex-end;margin-top:2rem}.email-container{background-color:#2a2a2a;border-radius:12px;box-shadow:0 4px 6px #0000004d;padding:3rem 2rem;text-align:center}.email-container h2{color:#7afaca;color:var(--teal);font-size:2rem;margin-bottom:1rem}.email-container p{color:#878585;color:var(--charcoal);font-size:1.1rem;margin-bottom:2rem}.email-form{margin:0 auto;max-width:500px}.email-input{background-color:#3a3a3a;border:2px solid #878585;border:2px solid var(--charcoal);border-radius:8px;color:#fff;color:var(--white);font-size:1.1rem;margin-bottom:1.5rem;padding:1rem;width:100%}.email-input:focus{border-color:#7afaca;border-color:var(--teal);outline:none}.results-container{background-color:#2a2a2a;border-radius:12px;box-shadow:0 4px 6px #0000004d;padding:2rem}.results-header{margin-bottom:2rem;text-align:center}.results-header h2{color:#7afaca;color:var(--teal);font-size:2rem;margin-bottom:.5rem}.recommendation-card{background-color:#3a3a3a;border-left:4px solid #fa7a7a;border-left:4px solid var(--coral);border-radius:8px;margin-bottom:1.5rem;padding:1.5rem}.recommendation-card h3{color:#fa7a7a;color:var(--coral);font-size:1.5rem;margin-bottom:1rem}.recommendation-card p{line-height:1.6;margin-bottom:.75rem}.recommendation-card .why{color:#7afaca;color:var(--teal);font-weight:500;margin-top:1rem}.cta-section{background:linear-gradient(135deg,#1b7a56,#878585);background:linear-gradient(135deg,var(--dark-teal) 0,var(--charcoal) 100%);border-radius:12px;margin-top:2rem;padding:2rem;text-align:center}.cta-section h3{color:#7afaca;color:var(--teal);font-size:1.8rem;margin-bottom:1rem}.cta-section p{font-size:1.1rem;margin-bottom:1.5rem}.btn-cta{background:#fa7a7a;background:var(--coral);border:none;border-radius:8px;color:#000;color:var(--black);cursor:pointer;display:inline-block;font-size:1.2rem;font-weight:700;padding:1.25rem 2.5rem;text-decoration:none;transition:all .3s ease}.btn-cta:hover{box-shadow:0 4px 12px #fa7a7a66;transform:translateY(-2px)}@media (max-width:768px){.app-header h1{font-size:2rem}.subtitle{font-size:1rem}.email-container,.quiz-container,.results-container{padding:1.5rem}.button-group{flex-direction:column;gap:1rem}.btn-secondary{margin-right:0}}
/*# sourceMappingURL=main.02851754.css.map*/