:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--demo-bg:#050b18;--demo-bg-2:#071426;--demo-panel:#f4f8fcf5;--demo-panel-soft:#eef7fff5;--demo-cream:#f8efe1;--demo-cream-soft:#efe2c8;--demo-text:#1f2937;--demo-muted:#526273;--demo-blue:#2ea8ff;--demo-blue-light:#8cddff;--demo-blue-soft:#2ea8ff2e;--demo-blue-border:#2ea8ff61;--demo-radius:24px;--demo-shadow:0 28px 80px #00000042;color:var(--demo-cream);background:var(--demo-bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{background:radial-gradient(circle at 16% 6%, #2ea8ff38, transparent 32rem), radial-gradient(circle at 88% 14%, #8cddff1a, transparent 28rem), linear-gradient(135deg, var(--demo-bg), var(--demo-bg-2) 72%, #03141b);color:var(--demo-cream);overflow-x:hidden}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}img{max-width:100%;height:auto;display:block}.page-shell{width:min(1180px,100% - 32px);min-height:100vh;margin:0 auto;padding:22px 0 64px}.landing-page{text-align:center;width:min(920px,100% - 28px);margin:0 auto}.landing-header{flex-direction:column;align-items:center;gap:7px;width:100%;padding:20px 0 10px;display:flex}.landing-logo,.brand-logo,.dashboard-page .landing-logo,.checkout-page .landing-logo{width:min(390px,83vw);height:auto;box-shadow:none;filter:none;background:0 0;border-radius:0}.landing-powered{color:#f8efe1b3;letter-spacing:.24em;text-transform:uppercase;font-size:9px;font-weight:800}.language-switcher{flex-wrap:wrap;justify-content:center;gap:6px;display:inline-flex}.flag-button{opacity:.62;cursor:pointer;background:#ffffff14;border:1px solid #f8efe12e;border-radius:7px;width:26px;height:24px}.flag-button.is-active{opacity:1;border-color:var(--demo-blue);box-shadow:0 0 0 1px #2ea8ff38,0 0 24px #2ea8ff33}.landing-hero{border:1px solid var(--demo-blue-border);width:100%;box-shadow:var(--demo-shadow);background:radial-gradient(circle at 78% 12%,#2ea8ff3d,#0000 32%),linear-gradient(135deg,#050b18f5,#071426f5);border-radius:34px;margin:24px auto 0;padding:42px 28px 38px}.hero-copy{max-width:820px;margin:0 auto}.landing-hero .hero-copy h1,.hero-copy h1{max-width:820px;color:var(--demo-cream);letter-spacing:-.035em;margin:0 auto;font-size:clamp(40px,6vw,78px);font-weight:780;line-height:1.04}.hero-subtitle{max-width:690px;color:var(--demo-cream-soft);margin:22px auto 0;font-size:clamp(17px,2vw,23px);line-height:1.5}.hero-intro{color:#f8efe1d6;max-width:660px;margin:18px auto 0;font-size:15px;line-height:1.72}.primary-cta,.primary-button,.secondary-button,.checkout-submit,.dashboard-page button,.join-page button,.member-page button,.bonus-page button{background:linear-gradient(135deg, var(--demo-blue-light), var(--demo-blue));color:#03111d;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border:1px solid #ffffff2e;border-radius:999px;justify-content:center;align-items:center;min-height:46px;padding:0 26px;font-size:12px;font-weight:850;text-decoration:none;display:inline-flex;box-shadow:0 16px 38px #2ea8ff42}.primary-cta{margin-top:30px}.primary-cta:hover,.primary-button:hover,.dashboard-page button:hover{filter:brightness(1.06);transform:translateY(-1px)}button:disabled,.primary-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.cards-kicker{color:#f8efe1c7;letter-spacing:.16em;text-transform:uppercase;max-width:760px;margin:36px auto 18px;font-size:11px;font-weight:800}.section-grid,.landing-sections{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;width:100%;display:grid}.info-panel,.panel,.metric-card,.checkout-card,.join-card,.bonus-card,.inside-box,.summary-card,.report-panel,.phone-flow,.qr-panel,.actions-panel,.bonus-panel{background:var(--demo-panel);border:1px solid var(--demo-blue-border);border-radius:var(--demo-radius);color:var(--demo-text);box-shadow:0 20px 60px #0000002e}.info-panel{text-align:center;padding:22px}.info-panel h2,.panel h2,.panel h3,.panel-title{color:var(--demo-text);margin:0 0 10px}.info-panel p,.panel p,.muted,.privacy-text,.episode-line{color:var(--demo-muted);margin:0;line-height:1.58}.checkout-page,.dashboard-page{width:min(940px,100% - 28px);margin:0 auto}.checkout-intro,.dashboard-intro,.page-intro{text-align:center;max-width:720px;margin:0 auto;padding:28px 0 22px}.checkout-intro h1,.dashboard-intro h1,.page-intro h1{color:var(--demo-cream);letter-spacing:-.03em;margin:0 auto;font-size:clamp(32px,4.5vw,52px);line-height:1.08}.checkout-intro p,.dashboard-intro p,.page-intro p{color:#f8efe1c7;margin:14px auto 0;line-height:1.6}.checkout-card,.panel{padding:22px}.form-grid,.dashboard-grid{grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);align-items:start;gap:18px;display:grid}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.input-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.input-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}label{color:var(--demo-text);flex-direction:column;gap:7px;font-size:13px;font-weight:750;display:flex}.wide{grid-column:1/-1}input,textarea,select{width:100%;color:var(--demo-text);background:#ffffffd1;border:1px solid #2f1f1338;border-radius:12px;outline:none}input,select{min-height:44px;padding:0 13px}textarea{resize:vertical;min-height:110px;padding:13px}input:focus,textarea:focus,select:focus{border-color:var(--demo-blue);box-shadow:0 0 0 3px var(--demo-blue-soft)}small{color:#8a5a2f}.terms-box,.error-box,.complete-box,.text-reward{background:var(--demo-panel-soft);border:1px solid #2f1f131f;border-radius:18px;padding:16px}.check-row{flex-direction:row;align-items:center}.check-row input{width:auto;min-height:auto}.metrics-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 18px;display:grid}.metric-card{padding:18px}.metric-card span,.detail-list dt{color:var(--demo-muted);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:800;display:block}.metric-card strong{color:var(--demo-text);margin-top:8px;font-size:28px;display:block}.detail-list{gap:12px;margin:0 0 18px;display:grid}.detail-list dd{color:var(--demo-text);margin:0}.button-row,.button-column,.side-panel,.phone-flow{gap:12px;display:flex}.button-column,.side-panel,.phone-flow{flex-direction:column}.qr-panel{text-align:center}.qr-canvas{background:#fff;border-radius:16px;width:220px;height:220px;margin:0 auto;padding:10px}.link-field{text-align:center;color:var(--demo-muted);margin:16px 0 12px}.status-line,.status{color:#0e7f5f}.join-page,.member-page,.bonus-page,.certificate-page,.claim-page{min-height:100vh;color:var(--demo-text);background:radial-gradient(circle at 18% 0,#2ea8ff29,#0000 28rem),linear-gradient(#fffaf1,#f8efe1);padding:24px 16px 48px}.join-header{width:min(760px,100%);margin:0 auto}.join-card{text-align:center;width:min(540px,100%);margin:40px auto 0;padding:30px}.join-card h1{color:var(--demo-text);font-size:clamp(34px,10vw,56px);line-height:1.05}.reward-stage{margin:24px 0}.join-media,.release-logo{-o-object-fit:contain;object-fit:contain;border-radius:14px;width:min(82vw,340px);height:auto;margin:20px auto}.file-control{cursor:pointer;background:#ffffffb3;border:1px solid #2f1f132e;border-radius:12px;justify-content:center;align-items:center;min-height:44px;display:inline-flex}.file-control input{display:none}.logo-preview{-o-object-fit:contain;object-fit:contain;border-radius:12px;max-width:210px;max-height:120px}@media (width<=860px){.page-shell,.landing-page,.checkout-page,.dashboard-page{width:min(100% - 24px,680px)}.landing-hero{padding:32px 20px 30px}.landing-hero .hero-copy h1{font-size:clamp(34px,10vw,54px)}.section-grid,.landing-sections,.form-grid,.dashboard-grid,.metrics-row,.input-grid,.input-grid.compact{grid-template-columns:1fr}.button-row{flex-direction:column}}.field-label{align-items:center;gap:8px;display:inline-flex}.field-badge{background:linear-gradient(135deg, var(--demo-blue-light), var(--demo-blue));color:#03111d;-webkit-text-fill-color:#03111d;border-radius:999px;place-items:center;min-width:22px;height:22px;font-size:11px;font-weight:900;line-height:1;display:inline-grid}.checkout-page .terms-box,.checkout-page .bonus-details-box,.checkout-page .benefit-inventory-box,.checkout-page .reward-delivery-box{background:var(--demo-panel-soft);border-color:var(--demo-blue-border);color:var(--demo-text)}.checkout-page .terms-box h3,.checkout-page .bonus-details-box h3,.checkout-page .benefit-inventory-box h3,.checkout-page .reward-delivery-box h3{color:var(--demo-text)}.checkout-page .terms-box p,.checkout-page .bonus-details-box p,.checkout-page .benefit-inventory-box p,.checkout-page .reward-delivery-box p{color:var(--demo-muted)}.campaign-focus-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.campaign-focus-card{color:#e8f3ff;cursor:pointer;background:#ffffff0f;border:1px solid #8ec9ff47;border-radius:14px;padding:12px 10px;font-weight:800}.campaign-focus-card.selected{border-color:var(--demo-blue-light);color:var(--demo-blue-light);background:#41d6ff29}@media (width<=900px){.campaign-focus-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.campaign-focus-box{background:#41d6ff0f!important;border-color:#41d6ff8c!important}.campaign-focus-groups{gap:18px;display:grid}.campaign-focus-group h4{color:#213447;letter-spacing:.08em;text-transform:uppercase;margin:0 0 10px;font-size:.86rem;font-weight:900}.campaign-focus-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.campaign-focus-card{color:#51697e;background:#ffffff8a;border:1px solid #288cd242;border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:13px 12px;font-size:.88rem;font-weight:850;display:flex}.campaign-focus-card span{color:#03111d;width:18px;font-weight:950}.campaign-focus-card.selected{color:#03111d;background:#8ce6ff;border-color:#4bd5ff;box-shadow:0 8px 20px #41d6ff33}@media (width<=1100px){.campaign-focus-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.campaign-focus-box{padding:18px 20px!important}.campaign-focus-box h3{font-size:1rem!important}.campaign-focus-box p{margin-bottom:10px!important;font-size:.82rem!important}.campaign-focus-group h4{letter-spacing:.1em;margin:0 0 7px;font-size:.72rem}.campaign-focus-card{border-radius:10px;min-height:36px;padding:8px 10px;font-size:.76rem;line-height:1.1}.campaign-focus-box{background:0 0!important}.campaign-focus-groups{gap:8px!important}.campaign-focus-group h4{margin:0 0 6px!important;font-size:.68rem!important}.campaign-focus-grid{gap:6px!important}.campaign-focus-card{border-radius:9px!important;min-height:30px!important;padding:5px 8px!important;font-size:.7rem!important}.campaign-focus-card span{width:12px!important;font-size:.72rem!important}
