.quiz-container{min-height:100vh;padding:2rem;background:linear-gradient(135deg,var(--color-bg-primary, #0f0f0f) 0%,var(--color-bg-secondary, #1a1a1a) 100%);display:flex;flex-direction:column;align-items:center;justify-content:center}.progress-section{width:100%;max-width:700px;margin-bottom:3rem}.progress-bar-container{width:100%;height:8px;background:#ffffff1a;border-radius:10px;overflow:hidden;margin-bottom:1rem}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#6366f1,#ec4899,#f59e0b);width:0%;transition:width .6s cubic-bezier(.4,0,.2,1);border-radius:10px}.progress-text{text-align:center;color:#ffffffb3;font-size:.95rem;font-weight:600;letter-spacing:.5px}.quiz-content{width:100%;max-width:700px;animation:fadeIn .6s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.quiz-card{background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:3rem 2rem;backdrop-filter:blur(10px);animation:slideUp .6s cubic-bezier(.4,0,.2,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.question-number{font-size:3rem;font-weight:900;background:linear-gradient(135deg,#6366f1,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.question-title{font-size:2rem;font-weight:800;color:#fff;margin:.5rem 0 .75rem;letter-spacing:-.5px}.question-subtitle{color:#fff9;font-size:1rem;margin:0;margin-bottom:2.5rem}.answers-grid{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem}.answer-card{padding:.9rem 1.1rem;background:#ffffff08;border:2px solid rgba(255,255,255,.1);border-radius:10px;cursor:pointer;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease;display:flex!important;flex-direction:row!important;align-items:center!important;gap:.75rem;overflow:hidden}.answer-radio{width:18px;height:18px;min-width:18px;accent-color:#6366f1;cursor:pointer;margin:0;flex-shrink:0}.answer-card:hover{background:#ffffff0f;border-color:#ffffff40}.answer-card.selected{background:#6366f133;border-color:#818cf8;box-shadow:0 0 0 1px #818cf8}.answer-card.selected .answer-letter{background:#6366f1;border-color:#6366f1;color:#fff}.answer-card.selected .answer-text{color:#fff}.answer-letter{width:28px;height:28px;min-width:28px;border:2px solid rgba(255,255,255,.2);border-radius:6px;display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:800;color:#ffffff73;transition:all .15s ease;flex-shrink:0}.answer-text{color:#ffffffb3;font-size:.95rem;font-weight:600;margin:0;line-height:1;white-space:normal}.quiz-controls{display:flex;gap:1rem;justify-content:space-between;margin-top:2rem}.btn-back,.btn-next{padding:.75rem 1.5rem;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;letter-spacing:.5px}.btn-back{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);flex:1}.btn-back:hover{background:#ffffff26;border-color:#ffffff4d}.btn-next{background:linear-gradient(135deg,#6366f1,#ec4899);color:#fff;flex:1}.btn-next:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px #6366f166}.btn-next:disabled{opacity:.5;cursor:not-allowed}.results-page{width:100%;max-width:700px;animation:fadeIn .8s ease-out}.results-card{background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:3rem 2rem;backdrop-filter:blur(10px)}.results-header{text-align:center;margin-bottom:3rem}.results-header h1{font-size:2.5rem;font-weight:800;color:#fff;margin:0;background:linear-gradient(135deg,#6366f1,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.results-subtitle{color:#fff9;font-size:1.05rem;margin:.5rem 0 0}.top-result{background:linear-gradient(135deg,#6366f126,#ec489926);border:2px solid rgba(99,102,241,.3);border-radius:16px;padding:2.5rem;text-align:center;margin-bottom:3rem;animation:slideDown .8s cubic-bezier(.4,0,.2,1)}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.result-emoji{font-size:4rem;margin-bottom:1rem}.result-name{font-size:2rem;font-weight:800;color:#fff;margin:.5rem 0}.result-tagline{color:#ffffffb3;font-size:1.1rem;margin:.5rem 0 1.5rem}.result-description{color:#fffc;font-size:1rem;line-height:1.6;margin:1.5rem 0 0}.result-price{font-size:1.3rem;font-weight:700;color:#6366f1;margin-top:1rem}.top-three-section{margin-bottom:3rem}.top-three-section h2{color:#fff;font-size:1.3rem;font-weight:700;margin:0 0 1.5rem}.rankings{display:flex;flex-direction:column;gap:1.25rem}.ranking-item{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.25rem;animation:slideUp .6s cubic-bezier(.4,0,.2,1)}.ranking-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.ranking-name{display:flex;align-items:center;gap:.75rem;color:#fff;font-weight:600}.ranking-emoji{font-size:1.5rem}.ranking-score{color:#ffffffb3;font-size:.9rem;font-weight:600}.ranking-bar-container{width:100%;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.ranking-bar-fill{height:100%;background:linear-gradient(90deg,#6366f1,#ec4899,#f59e0b);border-radius:3px;transition:width .8s cubic-bezier(.4,0,.2,1)}.email-section{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem;margin-bottom:2rem;text-align:center}.email-section h3{color:#fff;font-size:1.2rem;font-weight:700;margin:0 0 1.5rem}.email-form{display:flex;flex-direction:column;gap:.75rem}.email-input{padding:.85rem 1.25rem;background:#ffffff14;border:1px solid rgba(255,255,255,.2);border-radius:10px;color:#fff;font-size:1rem;font-family:inherit;transition:all .3s ease}.email-input::placeholder{color:#ffffff80}.email-input:focus{outline:none;border-color:#6366f1;background:#ffffff1f;box-shadow:0 0 0 3px #6366f11a}.btn-primary{padding:.85rem 1.5rem;background:linear-gradient(135deg,#6366f1,#ec4899);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;letter-spacing:.5px}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px #6366f166}.results-ctas{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.btn-learn-more,.btn-contact{padding:1rem 1.5rem;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;letter-spacing:.5px}.btn-learn-more{background:linear-gradient(135deg,#6366f1,#ec4899);color:#fff}.btn-learn-more:hover{transform:translateY(-2px);box-shadow:0 10px 30px #6366f166}.btn-contact{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.btn-contact:hover{background:#ffffff26;border-color:#ffffff4d}.btn-restart{width:100%;padding:.75rem 1.5rem;background:#ffffff0d;color:#ffffffb3;border:1px solid rgba(255,255,255,.1);border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-restart:hover{background:#ffffff14;border-color:#fff3;color:#ffffffe6}@media(max-width:640px){.quiz-container{padding:1.5rem}.quiz-card,.results-card{padding:1.5rem 1rem}.question-number{font-size:2.5rem}.question-title{font-size:1.5rem}.answers-grid{gap:1rem}.answer-card{padding:.75rem .9rem;gap:.6rem}.answer-text{font-size:.85rem}.result-emoji{font-size:3rem}.result-name{font-size:1.5rem}}