*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--cream:#faf7f2;--ink:#1a1209;--gold:#c9a87c;--gold-light:#f0e6d3;--mid:#6b5b4e;--border:#e8ddd0;--white:#fff;--error:#c0392b}body{font-family:DM Sans,sans-serif;background:var(--cream);color:var(--ink)}.quiz-wrap,body{min-height:100vh}.quiz-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1.5rem}.quiz-card{background:var(--white);border:1px solid var(--border);border-radius:20px;width:100%;max-width:680px;padding:3rem;box-shadow:0 8px 48px rgba(26,18,9,.08);animation:fadeUp .4s ease both}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.logo{text-align:center;margin-bottom:1rem;display:flex;justify-content:center;align-items:center}.progress-bar{height:4px;background:var(--border);border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:var(--gold);border-radius:2px;transition:width .5s cubic-bezier(.4,0,.2,1)}.step-label{font-size:.8rem;font-weight:500;color:var(--gold);text-transform:uppercase;letter-spacing:.12em;margin-bottom:.75rem}.question{font-family:Playfair Display,serif;font-size:1.6rem;line-height:1.3;color:var(--ink);margin-bottom:.5rem}.subtext{font-size:.95rem;color:var(--mid);margin-bottom:2rem;font-weight:300}.options-grid{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem}.option-btn{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;border:2px solid var(--border);border-radius:12px;background:var(--white);cursor:pointer;transition:all .2s ease;text-align:left}.option-btn.selected,.option-btn:hover{border-color:var(--gold);background:var(--gold-light)}.option-btn.selected{box-shadow:0 0 0 3px hsla(34,42%,64%,.2)}.option-radio{width:20px;height:20px;border-radius:50%;border:2px solid var(--border);flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .2s}.option-btn.selected .option-radio{border-color:var(--gold);background:var(--gold)}.option-radio-dot{width:8px;height:8px;border-radius:50%;background:#fff;opacity:0;transition:opacity .2s}.option-btn.selected .option-radio-dot{opacity:1}.option-label{font-weight:500;font-size:1rem;color:var(--ink)}.option-desc{font-size:.85rem;color:var(--mid);font-weight:300}.btn-row{display:flex;gap:1rem;align-items:center}.btn-next{flex:1;padding:.9rem 2rem;background:var(--ink);color:var(--white);border:none;border-radius:10px;font-family:DM Sans,sans-serif;font-size:1rem;font-weight:500;cursor:pointer;transition:background .2s,transform .1s;letter-spacing:.02em}.btn-next:hover:not(:disabled){background:#2d1f0f}.btn-next:active:not(:disabled){transform:scale(.98)}.btn-next:disabled{opacity:.4;cursor:not-allowed}.btn-back{padding:.9rem 1.5rem;background:transparent;color:var(--mid);border:2px solid var(--border);border-radius:10px;font-family:DM Sans,sans-serif;font-size:.95rem;cursor:pointer;transition:all .2s}.btn-back:hover{border-color:var(--mid)}.intro-hero{text-align:center}.intro-badge{display:inline-block;background:var(--gold-light);color:var(--gold);font-size:.8rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;padding:.35rem 1rem;border-radius:100px;margin-bottom:1.5rem}.intro-headline{font-family:Playfair Display,serif;font-size:2.2rem;line-height:1.2;margin-bottom:1rem}.intro-sub{font-size:1rem;color:var(--mid);font-weight:300;max-width:420px;margin:0 auto 2rem;line-height:1.6}.intro-steps{display:flex;justify-content:center;gap:2rem;margin-bottom:2.5rem;flex-wrap:wrap}.intro-step{flex-direction:column;gap:.4rem}.intro-step,.intro-step-num{display:flex;align-items:center}.intro-step-num{width:36px;height:36px;border-radius:50%;background:var(--gold-light);color:var(--gold);font-weight:700;font-size:.95rem;justify-content:center}.intro-step-label{font-size:.8rem;color:var(--mid)}.email-intro,.result-preview{text-align:center;margin-bottom:2rem}.result-preview{background:var(--gold-light);border-radius:12px;padding:1.25rem;border:1px solid var(--border)}.result-preview-label{font-size:.8rem;color:var(--gold);font-weight:500;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.4rem}.result-preview-text{font-family:Playfair Display,serif;font-size:1.2rem;color:var(--ink)}.form-group{margin-bottom:1rem}.form-label{display:block;font-size:.85rem;font-weight:500;color:var(--ink);margin-bottom:.4rem}.form-input{width:100%;padding:.85rem 1rem;border:2px solid var(--border);border-radius:10px;font-family:DM Sans,sans-serif;font-size:1rem;color:var(--ink);background:var(--white);outline:none;transition:border-color .2s}.form-input:focus{border-color:var(--gold)}.form-hint{font-size:.78rem;color:var(--mid);margin-top:1rem;text-align:center;font-weight:300}.error-msg{color:var(--error);font-size:.85rem;margin-top:.5rem}.loading-spinner{display:inline-block;width:16px;height:16px;border:2px solid hsla(0,0%,100%,.4);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite;margin-right:8px;vertical-align:middle}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:640px){.quiz-card{padding:2rem 1.5rem}.question{font-size:1.3rem}.intro-headline{font-size:1.7rem}}