#appetite-quiz-root{--nf-bg: #FBF8F2;--nf-card: #FFFFFF;--nf-primary: #4A2F57;--nf-primary-2: #3B2445;--nf-primary-3: #2A1833;--nf-text: #4B3E51;--nf-text-strong: #2F2235;--nf-muted: #7A6D80;--nf-border: rgba(74, 47, 87, .12);--nf-border-strong: rgba(74, 47, 87, .22);--nf-accent: #C7A86D;--nf-accent-2: #B8934E;--nf-accent-soft: #F7EFE0;--nf-accent-soft-2: #FBF6EA;--nf-success-bg: #FBF6EA;--nf-danger: #9F2F2F;--nf-shadow: 0 28px 70px rgba(47, 34, 53, .1), 0 8px 24px rgba(47, 34, 53, .05);--nf-shadow-soft: 0 16px 36px rgba(47, 34, 53, .08);--nf-radius-xl: 24px;--nf-radius-lg: 18px;--nf-radius-md: 14px;max-width:980px;margin:56px auto 80px;padding:0 18px;font-family:Helvetica Neue,Arial,sans-serif;line-height:1.7;color:var(--nf-text);position:relative}#appetite-quiz-root *{box-sizing:border-box}#appetite-quiz-root:before{content:"";position:absolute;inset:-40px 0 auto 0;height:280px;background:radial-gradient(circle at top left,rgba(199,168,109,.22),transparent 42%),radial-gradient(circle at top right,rgba(74,47,87,.1),transparent 40%);pointer-events:none;z-index:0}.quiz-card{position:relative;z-index:1;background:var(--nf-card);border:1px solid rgba(74,47,87,.1);border-radius:var(--nf-radius-xl);box-shadow:var(--nf-shadow);overflow:hidden}.hero{position:relative;padding:48px 42px 38px;border-bottom:1px solid rgba(74,47,87,.1);background:linear-gradient(135deg,#fff,#fbf6ea 52%,#f7efe0)}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 88% 0%,rgba(199,168,109,.22),transparent 32%),radial-gradient(circle at 0% 18%,rgba(74,47,87,.07),transparent 30%);pointer-events:none}.hero>*{position:relative;z-index:1}.eyebrow,.hero-kicker{display:inline-flex;align-items:center;gap:10px;padding:8px 14px;margin-bottom:18px;border:1px solid rgba(199,168,109,.45);border-radius:12px;background:#ffffffb8;color:#8a6b2f;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.eyebrow:before,.hero-kicker:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--nf-accent);box-shadow:0 0 0 5px #c7a86d29}.hero h1{margin:0 0 16px;color:var(--nf-primary);font-size:clamp(34px,5vw,52px);line-height:1.1;letter-spacing:-.035em;font-weight:600;max-width:760px}.hero-subtitle{max-width:760px;font-size:20px;line-height:1.55;color:var(--nf-text-strong);margin-bottom:18px}.hero p{max-width:760px;margin:0 0 14px;font-size:17px;color:var(--nf-text)}.hero p:last-child{margin-bottom:0}.progress-wrap{padding:24px 42px 8px;background:#fff}.progress-top{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:14px;color:var(--nf-muted);margin-bottom:12px}.progress-label,.progress-top strong{color:var(--nf-primary);font-weight:600}.progress-bar{position:relative;height:10px;background:#f2ecef;border-radius:999px;overflow:hidden}.progress-fill{position:relative;height:100%;width:0%;border-radius:999px;background:linear-gradient(90deg,var(--nf-accent) 0%,var(--nf-accent-2) 45%,var(--nf-primary) 100%);box-shadow:0 6px 14px #4a2f572e;transition:width .35s ease}.quiz-body{padding:30px 42px 42px;background:#fff}.step,.email-step,.result-step{display:none}.step.active,.email-step.active,.result-step.active{display:block}.question-number,.step-label{display:inline-block;margin-bottom:14px;padding:6px 12px;border-radius:10px;background:var(--nf-accent-soft-2);border:1px solid rgba(199,168,109,.35);color:#8a6b2f;font-size:13px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.question-title{font-size:clamp(28px,4vw,38px);line-height:1.18;margin:0 0 24px;color:var(--nf-primary);letter-spacing:-.03em;font-weight:500}.answers{display:grid;gap:14px}.answer-btn{position:relative;border:1px solid var(--nf-border);background:#fff;border-radius:16px;padding:20px 22px 20px 58px;font-size:17px;line-height:1.55;text-align:left;color:var(--nf-text-strong);cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease;box-shadow:0 6px 18px #2f223509}.answer-btn:before{content:"";position:absolute;top:50%;left:20px;width:22px;height:22px;border-radius:50%;border:1.5px solid rgba(199,168,109,.75);background:#fff;transform:translateY(-50%);transition:all .2s ease}.answer-btn:hover{transform:translateY(-2px);background:var(--nf-accent-soft-2);border-color:#c7a86d99;box-shadow:var(--nf-shadow-soft)}.answer-btn.selected{border-color:#c7a86dd9;background:linear-gradient(135deg,#fff,#fbf6ea);box-shadow:0 18px 34px #2f223514,inset 0 0 0 1px #c7a86d2e}.answer-btn.selected:before{border-color:var(--nf-accent);background:radial-gradient(circle at center,var(--nf-accent) 0 42%,#ffffff 44% 100%);box-shadow:0 0 0 7px #c7a86d29}.nav-row{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:30px}.btn{-webkit-appearance:none;appearance:none;border:none;border-radius:12px;padding:14px 22px;min-height:50px;font-size:15px;font-weight:500;letter-spacing:.01em;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease;text-decoration:none}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,var(--nf-primary) 0%,var(--nf-primary-2) 100%);color:#fff;box-shadow:0 14px 28px #4a2f572e}.btn-primary:hover{box-shadow:0 18px 34px #4a2f573d}.btn-secondary{background:var(--nf-accent-soft-2);color:var(--nf-primary);border:1px solid rgba(199,168,109,.38)}.btn-secondary:hover{background:var(--nf-accent-soft)}.btn-ghost{background:transparent;color:var(--nf-primary);border:1px solid rgba(74,47,87,.16)}.btn-ghost:hover{background:#fbf8f2;border-color:#c7a86d80}.email-card,.result-card{padding:30px;border-radius:22px;background:linear-gradient(135deg,#fff,#fbf8f2);border:1px solid rgba(74,47,87,.1);box-shadow:0 16px 40px #2f22350e}.email-step h2,.result-step h2{margin:0 0 14px;color:var(--nf-primary);font-size:clamp(28px,4vw,38px);line-height:1.18;letter-spacing:-.03em;font-weight:600}.email-step p,.result-step p{margin-top:0;color:var(--nf-text);font-size:17px}.email-field{width:100%;padding:18px;border:1px solid rgba(74,47,87,.16);border-radius:14px;margin-top:14px;font-size:16px;color:var(--nf-text-strong);background:#fff;transition:border-color .2s ease,box-shadow .2s ease}.email-field:focus{outline:none;border-color:#c7a86dd9;box-shadow:0 0 0 5px #c7a86d29}.error-message{display:none;color:var(--nf-danger);margin-top:12px;font-size:14px}.result-badge{display:inline-flex;align-items:center;gap:8px;background:var(--nf-accent-soft-2);color:#8a6b2f;border:1px solid rgba(199,168,109,.38);padding:8px 14px;border-radius:10px;margin-bottom:14px;font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.result-badge:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--nf-accent)}.result-grid{margin-top:24px;display:grid;gap:18px}.result-line,.result-row{padding:16px 18px;border:1px solid rgba(74,47,87,.1);border-radius:16px;background:#fff}.result-line-top,.result-row-top{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:10px}.result-label,.result-line-top span:first-child{font-size:16px;font-weight:500;color:var(--nf-text-strong)}.result-value,.result-line-top span:last-child{font-size:15px;font-weight:600;color:var(--nf-primary)}.result-bar{height:10px;background:#f2ecef;border-radius:999px;overflow:hidden}.result-bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--nf-accent) 0%,var(--nf-accent-2) 45%,var(--nf-primary) 100%);box-shadow:0 8px 18px #4a2f5724}.result-summary{margin-top:24px;padding:24px;border-radius:18px;background:#fff;border:1px solid rgba(199,168,109,.3);box-shadow:inset 0 4px #c7a86d59}.result-summary h3{margin-top:0;margin-bottom:12px;color:var(--nf-primary);font-size:24px;line-height:1.25}.result-summary p:last-child{margin-bottom:0}.result-actions{margin-top:32px!important;padding-top:8px;display:flex;gap:14px;flex-wrap:wrap;align-items:center}.result-actions .btn,.result-actions a,.result-actions button{margin-top:0!important}.btn-rect{border-radius:12px!important;padding:14px 20px!important;min-height:52px;font-size:15px;font-weight:500;letter-spacing:.01em;display:inline-flex!important;align-items:center;justify-content:center;gap:8px;transition:all .2s ease;text-decoration:none!important;cursor:pointer}.btn-rect-primary{border:none;background:linear-gradient(135deg,var(--nf-primary),var(--nf-primary-2));color:#fff!important;box-shadow:0 14px 28px #4a2f572e}.btn-rect-primary:hover{transform:translateY(-1px);box-shadow:0 18px 36px #4a2f573d}.btn-rect-secondary{background:var(--nf-accent-soft-2);color:var(--nf-primary)!important;border:1px solid rgba(199,168,109,.42)}.btn-rect-secondary:hover{background:var(--nf-accent-soft);transform:translateY(-1px)}.btn-rect-secondary:after{content:"\2192";margin-left:6px;transition:transform .2s ease}.btn-rect-secondary:hover:after{transform:translate(3px)}.tiny-note{margin-top:18px;font-size:13px;line-height:1.6;color:var(--nf-muted)}.quiz-divider{height:1px;margin:28px 0;background:linear-gradient(90deg,#c7a86d00,#c7a86d73 18% 82%,#c7a86d00)}@media(max-width:768px){#appetite-quiz-root{margin:28px auto 52px;padding:0 12px}.hero{padding:30px 22px 26px}.progress-wrap{padding:18px 22px 8px}.quiz-body{padding:22px 22px 28px}.email-card,.result-card{padding:24px 20px}.hero h1{font-size:36px}.hero-subtitle{font-size:18px}.question-title,.email-step h2,.result-step h2{font-size:30px}.answer-btn{padding:18px 18px 18px 52px;font-size:16px}.nav-row{flex-direction:column;align-items:stretch}.nav-row .btn{width:100%}.result-line-top,.result-row-top{flex-direction:column;align-items:flex-start;gap:4px}.result-actions{flex-direction:column;align-items:stretch}.result-actions .btn,.result-actions a,.result-actions button{width:100%}}@media(max-width:480px){.hero h1{font-size:32px}.question-title,.email-step h2,.result-step h2{font-size:26px}.hero-subtitle,.hero p,.email-step p,.result-step p{font-size:16px}.answer-btn{font-size:15px;border-radius:15px}}#appetite-quiz-root{--nf-bg: #ffffff;--nf-card: #ffffff;--nf-primary: #4A2F57;--nf-primary-2: #3B2445;--nf-primary-3: #2F2235;--nf-text: #4A3A50;--nf-text-strong: #2F2235;--nf-muted: #6F6275;--nf-border: rgba(74, 47, 87, .18);--nf-border-strong: #4A2F57;--nf-accent: #C7A86D;--nf-accent-soft: #ffffff;--nf-accent-soft-2: #ffffff;--nf-success-bg: #ffffff;--nf-danger: #9f2f2f;--nf-shadow: none;--nf-shadow-soft: none;--nf-radius-xl: 24px;--nf-radius-lg: 18px;--nf-radius-md: 14px;max-width:980px;margin:56px auto 80px;padding:0 18px;font-family:Helvetica Neue,Arial,sans-serif;line-height:1.7;color:var(--nf-text);position:relative}#appetite-quiz-root:before{display:none}.quiz-card{background:#fff;border:3px solid var(--nf-primary);border-bottom-color:var(--nf-accent);border-radius:24px;box-shadow:none;overflow:hidden}.hero{padding:44px 40px 34px;border-bottom:1px solid rgba(74,47,87,.12);background:#fff}.hero:after{display:none}.eyebrow,.hero-kicker,.question-number,.step-label,.result-badge{border:1px solid var(--nf-accent);border-radius:999px;background:#fff;color:var(--nf-primary);font-size:13px;font-weight:500;letter-spacing:.12em;text-transform:uppercase}.hero h1,.question-title,.email-step h2,.result-step h2{color:var(--nf-primary);font-weight:600}.progress-wrap,.quiz-body{background:#fff}.progress-bar,.result-bar{background:#4a2f571a}.progress-fill,.result-bar-fill{background:linear-gradient(90deg,var(--nf-primary) 0%,var(--nf-accent) 100%);box-shadow:none}.answer-btn{background:#fff;border:1px solid rgba(74,47,87,.16);border-radius:18px;box-shadow:none}.answer-btn:hover{background:#fff;border-color:var(--nf-primary);box-shadow:none}.answer-btn.selected{background:#fff;border:2px solid var(--nf-primary);box-shadow:inset 0 0 0 1px #c7a86d59}.answer-btn:before{border-color:var(--nf-accent)}.answer-btn.selected:before{border-color:var(--nf-accent);background:radial-gradient(circle at center,var(--nf-accent) 0 42%,#ffffff 44% 100%);box-shadow:none}.btn,.btn-rect{border-radius:6px!important;font-weight:500}.btn-primary,.btn-rect-primary{background:var(--nf-primary)!important;color:#fff!important;box-shadow:0 12px 24px #4a2f572e}.btn-primary:hover,.btn-rect-primary:hover{background:var(--nf-primary-2)!important;box-shadow:0 14px 28px #4a2f5738}.btn-secondary,.btn-rect-secondary{background:#fff!important;color:var(--nf-primary)!important;border:1px solid var(--nf-primary)!important}.btn-secondary:hover,.btn-rect-secondary:hover{background:var(--nf-primary)!important;color:#fff!important}.btn-ghost{background:#fff;color:var(--nf-primary);border:1px solid rgba(74,47,87,.25)}.email-card,.result-card,.result-line,.result-row,.result-summary{background:#fff;border:1px solid rgba(74,47,87,.16);box-shadow:none}.result-summary{border-left:4px solid var(--nf-accent)}.email-field{background:#fff;border:1px solid rgba(74,47,87,.22);border-radius:8px}.email-field:focus{border-color:var(--nf-primary);box-shadow:0 0 0 3px #4a2f5714}.email-card{background:#fff!important;border:1px solid rgba(74,47,87,.16)!important;border-radius:22px!important;box-shadow:none!important}.email-card [style*="background:#faf7fb"],.email-card [style*="background: #faf7fb"]{background:#fff!important;border:1px solid rgba(74,47,87,.18)!important;border-left:4px solid #C7A86D!important;border-radius:14px!important}#previewModel{color:#4a2f57!important}.email-field{background:#fff!important;border:1px solid rgba(74,47,87,.22)!important;border-radius:8px!important}#showResultBtn{border-radius:6px!important;background:#4a2f57!important;box-shadow:0 12px 24px #4a2f572e!important}#backToQuizBtn{border-radius:6px!important;background:#fff!important;border:1px solid rgba(74,47,87,.22)!important}
/*# sourceMappingURL=/cdn/shop/t/2/assets/appetite-quiz.css.map */