:root{--bg-color: #faf9f6;--surface: #ffffff;--text-main: #1a1c1a;--text-muted: #50443c;--primary: #7e5534;--primary-container: #d6a37c;--on-primary-container: #5d391a;--border-color: #e3e2e0;--error: #ba1a1a;--error-container: #FFE5E5;--warning: #ec9d17;--warning-container: #FFF5E5;--font-sans: "Plus Jakarta Sans", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-color);color:var(--text-main);line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100vh}.hidden{display:none!important}.block{display:block}.text-center{text-align:center}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.app-header{position:fixed;top:0;left:0;width:100%;height:64px;background-color:#fdfbf9;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;padding:0 24px;z-index:50;box-shadow:0 4px 20px #00000008}.app-header .logo{font-size:20px;font-weight:700;color:var(--primary-container)}.btn-icon{background:none;border:none;cursor:pointer;color:var(--text-main);display:flex;align-items:center;transition:opacity .2s}.btn-icon:active{opacity:.7}.user-avatar{width:32px;height:32px;border-radius:50%;background:var(--primary-container);color:var(--on-primary-container);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px}.main-container{padding:88px 24px 48px;max-width:500px;margin:0 auto;display:flex;flex-direction:column}.progress-track{width:100%;height:6px;background-color:#efeeeb;border-radius:999px;overflow:hidden;margin-bottom:32px}.progress-fill{height:100%;background-color:var(--primary-container);border-radius:999px;transition:width .5s ease}.title{font-size:28px;font-weight:800;margin-bottom:16px;line-height:1.2;color:var(--text-main)}.subtitle{font-size:18px;color:var(--text-muted);font-weight:400}.options-grid{display:flex;flex-direction:column;gap:16px}.option-card{width:100%;text-align:left;background:var(--surface);border:2px solid transparent;border-radius:16px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 4px 15px #00000008;cursor:pointer;transition:all .2s ease}.option-card:active{transform:scale(.98)}.option-card:hover{border-color:var(--primary-container)}.option-icon{width:48px;height:48px;border-radius:12px;background:#efeeeb;display:flex;align-items:center;justify-content:center;color:var(--primary);transition:all .2s;flex-shrink:0}.option-card:hover .option-icon{background:var(--primary-container);color:#fff}.option-text-group{flex-grow:1}.option-title{font-weight:700;font-size:18px;color:var(--text-main);margin-bottom:2px}.option-desc{font-size:14px;color:var(--text-muted)}.option-arrow{color:#83746b;font-size:24px}.energy-card.red:hover{border-color:var(--error)}.energy-card.red .option-icon{background:var(--error-container);color:var(--error);border-radius:50%}.energy-card.red .option-title{color:var(--text-main)}.energy-card.red .option-desc{color:var(--error);font-weight:700;font-size:11px;letter-spacing:1px;margin-top:4px}.energy-card.yellow:hover{border-color:#f4a261}.energy-card.yellow .option-icon{background:var(--warning-container);color:#f4a261;border-radius:50%}.energy-card.yellow .option-title{color:var(--text-main)}.energy-card.yellow .option-desc{color:#f4a261;font-weight:700;font-size:11px;letter-spacing:1px;margin-top:4px}.callout{background:#fff4ec;border:1px solid #ffdcc3;border-radius:16px;padding:20px;display:flex;gap:16px;align-items:flex-start}.callout.result-callout{border-left:4px solid var(--primary-container);border-radius:0 16px 16px 0;border-top:none;border-bottom:none;border-right:none}.callout p{font-size:15px;color:#5d391a;font-weight:600;line-height:1.5}.callout-icon{color:var(--primary-container)}.hero-image{width:100%;border-radius:24px;overflow:hidden;position:relative;box-shadow:0 10px 20px #0000001a}.hero-image.result-img{margin-top:24px}.hero-image img{width:100%;display:block;aspect-ratio:16/9;object-fit:cover}.hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.6),transparent)}.hero-image p{position:absolute;bottom:16px;left:16px;right:16px;color:#fff;font-style:italic;font-size:14px;z-index:10;font-weight:500}.result-header{margin-bottom:24px}.result-badge{font-size:12px;font-weight:700;color:var(--primary);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;display:block}.result-title{font-size:32px;font-weight:800;color:var(--text-main);line-height:1.1}.result-card{background:var(--surface);border-radius:32px;padding:32px;box-shadow:0 10px 30px #0000000d;position:relative;overflow:hidden;border:1px solid var(--border-color);margin-bottom:24px}.result-card-bg-icon{position:absolute;top:16px;right:16px;font-size:64px;color:var(--primary-container);opacity:.1}.result-card-content{position:relative;z-index:10}.result-label{font-size:12px;font-weight:700;color:var(--text-muted);letter-spacing:1px;margin-bottom:8px;text-transform:uppercase}.result-recipe{font-size:22px;font-weight:800;color:var(--on-primary-container);margin-bottom:24px;line-height:1.4}.result-meta{display:flex;gap:16px;align-items:center}.meta-badge{background:#f4f3f1;padding:8px 16px;border-radius:99px;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600}.bridge-section{background:var(--surface);padding:32px;border-radius:24px;border:1px solid var(--border-color);box-shadow:0 4px 15px #00000005;margin-top:24px}.bridge-title{font-size:22px;font-weight:800;margin-bottom:12px}.bridge-text{font-size:16px;color:var(--text-muted);margin-bottom:12px;line-height:1.5}.bridge-highlight{color:var(--error);font-weight:800;font-size:16px;margin-bottom:24px}.btn-bridge{width:100%;height:64px;background:#25d366;color:#fff;border-radius:99px;font-weight:700;font-size:16px;display:flex;align-items:center;justify-content:center;gap:8px;border:none;cursor:pointer;transition:.2s;box-shadow:0 10px 20px #25d36666}.btn-bridge:active{transform:scale(.95)}.offer-header{text-align:center;margin-bottom:16px}.offer-tag{font-size:12px;font-weight:700;color:var(--primary-container);background:#fff4ec;padding:6px 16px;border-radius:99px;text-transform:uppercase;letter-spacing:1px;display:inline-block;margin-bottom:16px}.offer-title{font-size:32px;font-weight:800;line-height:1.1;margin-bottom:16px}.offer-features{background:var(--surface);border-radius:32px;padding:24px;box-shadow:0 10px 30px #0000000d;margin-top:24px}.feature-item{display:flex;gap:16px;margin-top:20px;align-items:flex-start}.feature-icon{width:48px;height:48px;border-radius:50%;background:#f4f3f1;display:flex;align-items:center;justify-content:center;color:var(--primary-container);flex-shrink:0}.feature-title{font-size:18px;font-weight:800;margin-bottom:4px}.feature-desc{font-size:15px;color:var(--text-muted)}.checkout-box{background:#1a1c1a;color:#fff;padding:32px;border-radius:40px;text-align:center;margin-top:32px;box-shadow:0 20px 40px #0003;position:relative;overflow:hidden}.checkout-box:before{content:"";position:absolute;top:-40px;right:-40px;width:160px;height:160px;background:var(--primary-container);filter:blur(60px);opacity:.2}.checkout-box-content{position:relative;z-index:10}.checkout-tag{font-size:12px;font-weight:700;color:var(--primary-container);text-transform:uppercase;letter-spacing:1px;margin-bottom:4px;display:block}.checkout-intro{font-size:18px;margin-bottom:16px}.price-large{font-size:48px;font-weight:800;line-height:1;margin-bottom:4px}.price-small{font-size:16px;color:#aaa;font-weight:500;margin-bottom:8px}.price-anchor{font-size:15px;color:var(--error);font-weight:800;margin-bottom:24px}.btn-buy{display:flex;align-items:center;justify-content:center;width:100%;height:64px;background:#25d366;color:#fff;font-weight:700;font-size:16px;border-radius:16px;text-decoration:none;box-shadow:0 10px 20px #25d36666;transition:.2s;gap:12px}.btn-buy:active{transform:scale(.95)}.secure-text{font-size:11px;font-weight:800;letter-spacing:1px;opacity:.5;margin-top:16px;display:block}.loader-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;text-align:center}.loader-spinner{width:64px;height:64px;border:4px solid var(--border-color);border-top-color:var(--primary-container);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:24px}@keyframes spin{to{transform:rotate(360deg)}}.legal-footer{text-align:center;font-size:12px;padding:40px 0;opacity:.1;pointer-events:none}.legal-footer a{color:inherit;text-decoration:none;margin:0 4px}.active-step{animation:fadeIn .3s ease-in forwards;display:block!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}