:root{--background: oklch(.985 .012 95);--foreground: oklch(.32 .03 220);--card: #ffffff;--muted: oklch(.96 .015 110);--muted-foreground: oklch(.55 .025 230);--primary: oklch(.72 .09 150);--primary-foreground: #ffffff;--accent: oklch(.78 .08 150);--accent-foreground: #ffffff;--destructive: oklch(.62 .18 25);--border: oklch(.93 .012 145);--soft-yellow: oklch(.96 .06 95);--soft-green: oklch(.95 .04 150);--soft-coral: oklch(.93 .05 30);--soft-peach: oklch(.95 .04 60);--soft-lilac: oklch(.93 .05 300);--font-sans: "Nunito", ui-sans-serif, system-ui, sans-serif;--font-serif: "Playfair Display", Georgia, serif;--font-script: "Caveat", cursive}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-sans);color:var(--foreground);background:var(--background);-webkit-font-smoothing:antialiased;line-height:1.5}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font-family:inherit;cursor:pointer;border:0;background:none}.page{min-height:100vh;width:100%;display:flex;justify-content:center;padding:24px 16px;background:linear-gradient(to bottom,color-mix(in oklab,var(--soft-green) 40%,transparent),var(--background),color-mix(in oklab,var(--soft-peach) 40%,transparent))}.page--plain{background:var(--background)}.card{width:100%;max-width:28rem;background:var(--card);border-radius:24px;box-shadow:0 1px 3px #0000000a;padding:24px;display:flex;flex-direction:column}@media(min-width:640px){.card{padding:32px}}.progress{margin-bottom:32px}.progress__label{text-align:center;font-size:12px;font-weight:600;letter-spacing:.1em;color:var(--muted-foreground);margin:0 0 8px}.progress__bar{height:6px;width:100%;background:var(--soft-green);border-radius:999px;overflow:hidden}.progress__fill{height:100%;background:var(--accent);border-radius:999px;transition:width .5s}.q-emoji{text-align:center;font-size:36px;margin-bottom:12px}.q-title{font-size:22px;font-weight:600;text-align:center;margin:0 0 8px;line-height:1.3}.q-intro{text-align:center;font-size:14px;color:var(--muted-foreground);margin:0 0 28px}.options{display:flex;flex-direction:column;gap:12px}.option{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;border-radius:16px;border:1px solid var(--border);background:var(--card);text-align:left;font-weight:500;font-size:16px;color:var(--foreground);transition:all .2s}.option:hover{border-color:color-mix(in oklab,var(--accent) 40%,transparent);background:color-mix(in oklab,var(--soft-green) 40%,transparent)}.option__dot{flex-shrink:0;height:16px;width:16px;border-radius:999px;border:1px solid color-mix(in oklab,var(--muted-foreground) 30%,transparent)}.option.is-selected{border-color:color-mix(in oklab,var(--accent) 50%,transparent);background:color-mix(in oklab,var(--accent) 15%,transparent)}.option.is-selected .option__dot{background:var(--accent);border-color:var(--accent)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:16px 32px;border-radius:999px;background:var(--primary);color:var(--primary-foreground);font-weight:600;font-size:16px;letter-spacing:.02em;box-shadow:0 6px 14px color-mix(in oklab,var(--primary) 25%,transparent);transition:filter .2s,transform .1s}.btn-primary:hover{filter:brightness(1.05)}.btn-primary:active{transform:scale(.99)}.cta{position:relative;display:block;width:100%;text-align:center;border-radius:999px;background:linear-gradient(to right,#10b981,#22c55e,#10b981);background-size:200% 100%;padding:16px 24px;color:#fff;font-weight:600;font-size:16px;letter-spacing:.02em;box-shadow:0 10px 25px #10b98166;animation:cta-pulse 2.4s ease-in-out infinite;transition:transform .2s,background-position .5s}.cta:hover{background-position:100% 0;transform:scale(1.02)}.cta:active{transform:scale(.99)}.cta:after{content:"";position:absolute;inset:0;border-radius:999px;border:2px solid rgba(52,211,153,.6);animation:cta-ring 2s ease-out infinite;pointer-events:none}@keyframes cta-pulse{0%,to{box-shadow:0 10px 25px #10b98166}50%{box-shadow:0 12px 30px #10b981b3}}@keyframes cta-ring{0%{transform:scale(1);opacity:.9}to{transform:scale(1.08);opacity:0}}.stack{display:flex;flex-direction:column;gap:24px;width:100%;max-width:28rem}.section{background:var(--card);border-radius:24px;padding:20px}.section--green{background:linear-gradient(135deg,var(--soft-green),var(--background));border:1px solid var(--soft-green)}.section--bonus{background:color-mix(in oklab,var(--soft-peach) 60%,transparent);border:2px dashed color-mix(in oklab,var(--soft-coral) 80%,transparent);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:8px}.alert-yellow{width:100%;background:var(--soft-yellow);border:1px solid var(--soft-yellow);border-radius:16px;padding:12px 16px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:500}.countdown{color:var(--destructive);font-weight:600}.check-circle{height:64px;width:64px;border-radius:50%;background:color-mix(in oklab,var(--accent) 90%,transparent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;margin:16px auto}.h1-conf{font-size:22px;font-weight:600;text-align:center;margin:0 0 12px;line-height:1.3}.warn{text-align:center;font-size:14px;font-weight:500;color:color-mix(in oklab,var(--destructive) 90%,transparent);margin:0 0 16px}.frame{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:16px}.frame__title{text-align:center;font-weight:500;margin:0 0 12px}.frame img{width:100%;border-radius:12px;object-fit:cover}.eyebrow{text-align:center;font-size:12px;font-weight:700;color:var(--accent);letter-spacing:.15em;margin:0}.h2{text-align:center;font-size:20px;font-weight:600;margin:4px 0}.lead{text-align:center;font-size:14px;color:var(--muted-foreground);margin:0 0 16px}.weeks{display:flex;flex-direction:column;gap:8px}.week-card{display:flex;align-items:center;gap:12px;background:var(--card);border-radius:16px;padding:12px;border:1px solid var(--border)}.week-card.is-highlight{border-color:color-mix(in oklab,var(--accent) 60%,transparent);background:color-mix(in oklab,var(--soft-green) 40%,transparent)}.week-card__icon{font-size:26px;line-height:1}.week-card__week{font-size:12px;font-weight:700;color:var(--accent);letter-spacing:.05em;margin:0}.week-card__text{font-size:14px;font-weight:500;margin:2px 0 0}.banner-success{margin-top:16px;background:color-mix(in oklab,var(--accent) 90%,transparent);color:var(--accent-foreground);border-radius:16px;padding:12px 16px;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:600}.benefits{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.benefits li{display:flex;gap:8px;font-size:14px;font-weight:500;align-items:flex-start}.benefits li:before{content:"✓";color:var(--accent);font-weight:700;flex-shrink:0}.bonus{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;margin:0}.offer{display:flex;flex-direction:column;align-items:center}.offer img{width:100%;border-radius:12px;object-fit:cover;margin-bottom:16px}.offer__strike{color:var(--muted-foreground);text-decoration:line-through;font-weight:500;margin:0}.offer__label{font-size:12px;font-weight:500;letter-spacing:.15em;color:var(--muted-foreground);margin:8px 0 0}.offer__price{font-size:36px;font-weight:600;color:var(--destructive);margin:0}.offer__sub{font-size:12px;color:var(--muted-foreground);margin:0 0 20px}.guarantee{display:flex;flex-direction:column;align-items:center;text-align:center}.guarantee__icon{height:56px;width:56px;background:var(--soft-lilac);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:28px;margin-bottom:12px}.guarantee h3{font-size:18px;font-weight:600;margin:0}.guarantee__sub{color:var(--accent);font-weight:500;font-size:14px;margin:4px 0 12px}.guarantee p{font-size:14px;color:var(--muted-foreground);line-height:1.6;margin:0 0 12px}.faqs{display:flex;flex-direction:column;gap:12px}.faqs h2{text-align:center;font-size:20px;font-weight:600;margin:0;display:flex;align-items:center;justify-content:center;gap:8px}.faq{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:0 16px;overflow:hidden}.faq__btn{width:100%;display:flex;align-items:center;justify-content:space-between;padding:16px 0;font-weight:600;font-size:15px;text-align:left;color:var(--foreground)}.faq__icon{flex-shrink:0;width:16px;height:16px;color:var(--accent);transition:transform .2s;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.faq.is-open .faq__icon{transform:rotate(0)}.faq:not(.is-open) .faq__icon{transform:rotate(45deg)}.faq__body{font-size:14px;color:var(--muted-foreground);line-height:1.6;padding:0 0 16px;display:none}.faq.is-open .faq__body{display:block}.intro-card{position:relative}.intro-steps{display:flex;align-items:center;gap:8px;padding:20px 20px 8px}.step-dot{height:26px;width:26px;border-radius:50%;border:2px solid color-mix(in oklab,var(--muted-foreground) 30%,transparent);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:var(--muted-foreground)}.step-dot.is-active{background:var(--accent);color:#fff;border-color:var(--accent)}.step-line{flex:1;height:2px;background:color-mix(in oklab,var(--muted-foreground) 20%,transparent)}.intro-eyebrow{display:inline-flex;align-items:center;gap:6px;color:var(--accent);font-size:14px;font-weight:600;margin:0 0 12px}.intro-title{font-family:var(--font-serif);font-size:30px;line-height:1.15;font-weight:600;margin:0;text-align:center;padding:0 24px}.intro-sub{font-family:var(--font-script);font-size:40px;color:var(--primary);transform:rotate(-2deg);text-align:center;margin:4px 0 0;line-height:1;font-weight:700}.pill{display:inline-flex;align-items:center;gap:6px;background:var(--accent);color:#fff;border-radius:999px;padding:8px 20px;font-size:14px;font-weight:600;margin-top:20px}.intro-help{font-size:14px;color:var(--muted-foreground);line-height:1.6;margin:20px 24px 0;text-align:center}.intro-help b{color:var(--foreground)}.feats{display:grid;grid-template-columns:repeat(3,1fr);margin:24px 24px 0}.feat{display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 8px}.feat:not(:last-child){border-right:1px solid color-mix(in oklab,var(--border) 60%,transparent)}.feat__circle{height:56px;width:56px;background:color-mix(in oklab,var(--primary) 15%,transparent);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:8px}.feat__lbl{font-size:11px;color:var(--muted-foreground);line-height:1.2}.intro-hero{padding:20px 20px 0}.intro-hero img{width:100%;height:220px;object-fit:cover;border-radius:16px}.intro-cta-wrap{padding:16px 24px 24px}.intro-script{font-family:var(--font-script);font-size:22px;color:var(--primary);display:inline-block;transform:rotate(-3deg);font-weight:600}.intro-script-wrap{text-align:center;margin-bottom:12px}.intro-foot{margin:16px 0 0;text-align:center;font-size:12px;color:var(--muted-foreground)}.loading{display:flex;flex-direction:column;align-items:center;padding:64px 0}.spinner{height:64px;width:64px;border-radius:50%;border:4px solid var(--muted);border-top-color:var(--primary);animation:spin 1s linear infinite;margin-bottom:32px}@keyframes spin{to{transform:rotate(360deg)}}.loading h1{font-size:22px;font-weight:700;text-align:center;margin:0 0 8px}.loading p{font-size:14px;color:var(--muted-foreground);text-align:center;margin:0 0 32px}.loading__bar{height:8px;width:100%;background:var(--muted);border-radius:999px;overflow:hidden}.loading__fill{height:100%;background:var(--accent);border-radius:999px;transition:width .1s linear}.quiz8-emoji{text-align:center;font-size:32px;margin-bottom:8px}.quiz8-title{font-size:22px;font-weight:600;text-align:center;margin:0 0 24px}.quiz8-img{width:100%;border-radius:16px;object-fit:cover}.quiz8-caption{margin:24px 0 32px;text-align:center;color:var(--accent);font-weight:500;line-height:1.6}