/* RESET OTIMIZADO */
        * { margin: 0; padding: 0; box-sizing: border-box; }
        
        body {
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;
            background: linear-gradient(145deg, #fdf2ff 0%, #fff0f7 100%);
            color: #333;
            line-height: 1.5;
            overflow-x: hidden;
        }
        
        /* CONTAINER PRINCIPAL */
        .container {
            max-width: 100%;
            width: 100%;
            margin: 0 auto;
            background: white;
            min-height: 100vh;
            position: relative;
            box-shadow: 0 0 20px rgba(0,0,0,0.08);
        }
        
        /* HEADER */
        .header {
            text-align: center;
            padding: 20px 15px;
            background: linear-gradient(135deg, #ff6b9d 0%, #9d4edd 100%);
            position: relative;
        }
        
        .logo {
    width: 280px;
    max-width: 90%;
    height: auto;
    display: block;
    margin: 0 auto;
    filter: none;
    object-fit: contain;
        }
        
        /* BARRA DE PROGRESSO */
        .progress-bar {
            height: 5px;
            background: rgba(255,255,255,0.2);
            position: relative;
            overflow: hidden;
        }
        
        .progress-fill {
            height: 100%;
            background: linear-gradient(90deg, #ff9ac8 0%, #ff6b9d 50%, #9d4edd 100%);
            width: 0%;
            transition: width 0.4s ease;
        }
        
        /* TELAS */
        .screen {
            display: none;
            padding: 25px 20px;
            min-height: calc(100vh - 120px);
            animation: fadeIn 0.3s ease;
        }
        
        .screen.active {
            display: block;
        }
        
        @keyframes fadeIn {
            from { opacity: 0; }
            to { opacity: 1; }
        }
        
        /* INTRO */
        .intro-screen {
            text-align: center;
            padding-top: 30px;
        }
        
        .product-image {
            width: 100%;
            max-width: 300px;
            height: 200px;
            margin: 20px auto;
            background: #f8f9fa;
            border-radius: 20px;
            overflow: hidden;
            box-shadow: 0 8px 25px rgba(157, 78, 221, 0.15);
        }
        
        .product-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        
        .attention-text {
            background: linear-gradient(135deg, #fff5f9 0%, #f9f5ff 100%);
            border-left: 4px solid #ff6b9d;
            padding: 18px;
            margin: 25px 0;
            border-radius: 12px;
            font-size: 15px;
            color: #555;
            line-height: 1.5;
        }
        
        /* BOTÕES */
        .cta-button, .continue-button {
            background: linear-gradient(135deg, #ff6b9d 0%, #9d4edd 100%);
            color: white;
            border: none;
            padding: 16px 30px;
            border-radius: 50px;
            font-size: 16px;
            font-weight: 600;
            cursor: pointer;
            width: 100%;
            max-width: 320px;
            margin: 10px auto;
            display: block;
            transition: all 0.3s ease;
            box-shadow: 0 6px 20px rgba(255, 107, 157, 0.3);
        }
        
        .cta-button:hover, .continue-button:hover {
            transform: translateY(-2px);
            box-shadow: 0 10px 25px rgba(255, 107, 157, 0.4);
        }
        
        .cta-button:active, .continue-button:active {
            transform: translateY(0);
        }
        
        .continue-button:disabled {
            background: #ccc;
            cursor: not-allowed;
            box-shadow: none;
        }
        
        /* PERGUNTAS */
        .question-title {
            font-size: 24px;
            font-weight: 700;
            text-align: center;
            margin-bottom: 15px;
            color: #222;
            line-height: 1.3;
        }
        
        .question-subtitle {
            background: linear-gradient(135deg, #ff6b9d 0%, #9d4edd 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            display: inline-block;
            font-weight: 800;
        }
        
        .question-description {
            text-align: center;
            color: #666;
            margin: 20px 0;
            font-size: 15px;
            line-height: 1.5;
        }
        
        /* OPÇÕES */
        .options-container {
            margin: 25px 0;
        }
        
        .option {
            background: white;
            border: 2px solid #eef2ff;
            border-radius: 15px;
            padding: 16px;
            margin: 10px 0;
            cursor: pointer;
            transition: all 0.2s ease;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }
        
        .option:hover {
            border-color: #ff6b9d;
            transform: translateX(5px);
            box-shadow: 0 5px 15px rgba(255, 107, 157, 0.1);
        }
        
        .option.selected {
            border-color: #ff6b9d;
            background: linear-gradient(135deg, rgba(255, 107, 157, 0.05) 0%, rgba(157, 78, 221, 0.05) 100%);
        }
        
        .option-content {
            display: flex;
            align-items: center;
            flex: 1;
        }
        
        .option-image {
            width: 50px;
            height: 50px;
            border-radius: 10px;
            margin-right: 15px;
            background: #f8f9fa;
            overflow: hidden;
            flex-shrink: 0;
        }
        
        .option-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        
        .option-text {
            font-weight: 600;
            color: #333;
            font-size: 15px;
        }
        
        .arrow {
            color: #ff6b9d;
            font-size: 20px;
            font-weight: bold;
        }
        
        /* INPUT */
        .name-input {
            width: 100%;
            padding: 16px;
            border: 2px solid #eef2ff;
            border-radius: 12px;
            font-size: 16px;
            margin: 20px 0;
            outline: none;
            transition: all 0.3s ease;
        }
        
        .name-input:focus {
            border-color: #ff6b9d;
            box-shadow: 0 0 0 3px rgba(255, 107, 157, 0.1);
        }
        
        .privacy-text {
            font-size: 13px;
            color: #666;
            text-align: center;
            margin: 15px 0;
            line-height: 1.5;
            background: #f8f9fa;
            padding: 15px;
            border-radius: 10px;
        }
        
        /* CHECKBOX */
        .checkbox-option {
            display: flex;
            align-items: center;
            background: white;
            border: 2px solid #eef2ff;
            border-radius: 15px;
            padding: 16px;
            margin: 10px 0;
            cursor: pointer;
            transition: all 0.2s ease;
        }
        
        .checkbox-option.selected {
            border-color: #ff6b9d;
            background: linear-gradient(135deg, rgba(255, 107, 157, 0.05) 0%, rgba(157, 78, 221, 0.05) 100%);
        }
        
        .checkbox {
            width: 22px;
            height: 22px;
            border: 2px solid #ccc;
            border-radius: 6px;
            margin-left: auto;
            position: relative;
            flex-shrink: 0;
        }
        
        .checkbox.checked {
            background: #ff6b9d;
            border-color: #ff6b9d;
        }
        
        .checkbox.checked::after {
            content: '✓';
            color: white;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            font-size: 14px;
            font-weight: bold;
        }
        
        /* DEPOIMENTOS */
        .testimonial-card {
            background: white;
            border-radius: 15px;
            padding: 20px;
            margin: 20px 0;
            box-shadow: 0 5px 20px rgba(0,0,0,0.05);
            border: 1px solid #f0f0f0;
        }
        
        .testimonial-image {
            width: 100%;
            height: 180px;
            border-radius: 12px;
            overflow: hidden;
            margin-bottom: 15px;
        }
        
        .testimonial-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        
        /* SLIDER */
        .slider-container {
            text-align: center;
            margin: 30px 0;
        }
        
        .unit-selector {
            display: flex;
            justify-content: center;
            gap: 10px;
            margin-bottom: 20px;
        }
        
        .unit-button {
            background: white;
            border: 2px solid #eef2ff;
            padding: 10px 20px;
            border-radius: 25px;
            cursor: pointer;
            font-weight: 600;
            transition: all 0.3s ease;
        }
        
        .unit-button.active {
            background: linear-gradient(135deg, #ff6b9d 0%, #9d4edd 100%);
            color: white;
            border-color: transparent;
        }
        
        .value-display {
            font-size: 48px;
            font-weight: 800;
            margin: 20px 0;
            background: linear-gradient(135deg, #ff6b9d 0%, #9d4edd 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }
        
        .slider-track {
            height: 8px;
            background: #eef2ff;
            border-radius: 4px;
            margin: 30px 15px;
            position: relative;
        }
        
        .slider-fill {
            height: 100%;
            background: linear-gradient(90deg, #ff6b9d 0%, #9d4edd 100%);
            border-radius: 4px;
            width: 30%;
        }
        
        .slider-thumb {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 24px;
            height: 24px;
            background: white;
            border: 3px solid #ff6b9d;
            border-radius: 50%;
            cursor: pointer;
            box-shadow: 0 3px 10px rgba(255, 107, 157, 0.3);
        }
        
        /* LOADING */
        .loading-screen {
            text-align: center;
            padding: 40px 20px;
        }
        
        .loading-bar {
            height: 8px;
            background: #eef2ff;
            border-radius: 4px;
            margin: 30px 0;
            overflow: hidden;
        }
        
        .loading-fill {
            height: 100%;
            background: linear-gradient(90deg, #ff6b9d 0%, #9d4edd 100%);
            border-radius: 4px;
            width: 0%;
            transition: width 0.5s ease;
        }
        
        /* IMC */
        .imc-section {
            background: linear-gradient(135deg, rgba(255, 107, 157, 0.05) 0%, rgba(157, 78, 221, 0.05) 100%);
            border-radius: 15px;
            padding: 20px;
            margin: 20px 0;
        }
        
        .imc-visual-scale {
            height: 20px;
            background: #eef2ff;
            border-radius: 10px;
            display: flex;
            margin: 20px 0;
            overflow: hidden;
        }
        
        .imc-bar {
            height: 100%;
        }
        
        .imc-bar.underweight { background: #4fd1c7; width: 15%; }
        .imc-bar.normal { background: #68d391; width: 30%; }
        .imc-bar.overweight { background: #f6ad55; width: 20%; }
        .imc-bar.obesity { background: #fc8181; width: 35%; }
        
        /* OFERTA FINAL COM APP */
        .offer-section {
            background: linear-gradient(135deg, rgba(255, 107, 157, 0.05) 0%, rgba(157, 78, 221, 0.05) 100%);
            border-radius: 20px;
            padding: 25px;
            margin: 25px 0;
        }
        
        .offer-title {
            background: linear-gradient(135deg, #ff6b9d 0%, #9d4edd 100%);
            color: white;
            padding: 15px;
            border-radius: 12px;
            font-size: 18px;
            font-weight: 700;
            margin-bottom: 20px;
            text-align: center;
        }
        
        /* SEÇÃO DO APP - NOVA */
        .app-section {
            background: white;
            border-radius: 15px;
            padding: 20px;
            margin: 25px 0;
            border: 2px solid #ff6b9d;
            text-align: center;
        }
        
        .app-image-container {
            width: 100%;
            max-width: 250px;
            margin: 20px auto;
            border-radius: 15px;
            overflow: hidden;
            box-shadow: 0 10px 30px rgba(157, 78, 221, 0.2);
        }
        
        .app-image-container img {
            width: 100%;
            height: auto;
            display: block;
        }
        
        .app-features {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 10px;
            margin: 15px 0;
        }
        
        .app-feature {
            background: rgba(255, 107, 157, 0.1);
            padding: 8px 12px;
            border-radius: 20px;
            font-size: 12px;
            font-weight: 600;
            color: #ff6b9d;
        }
        
        /* PREÇO */
        .price-section {
            background: white;
            border-radius: 15px;
            padding: 25px;
            margin: 25px 0;
            border: 2px solid #ff6b9d;
            text-align: center;
            box-shadow: 0 8px 25px rgba(255, 107, 157, 0.15);
        }
        
        .original-price {
            text-decoration: line-through;
            color: #999;
            font-size: 16px;
            margin-bottom: 5px;
        }
        
        .current-price {
            font-size: 42px;
            font-weight: 800;
            background: linear-gradient(135deg, #ff6b9d 0%, #9d4edd 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            margin: 10px 0;
        }
        
        /* RESPONSIVO */
        @media (max-width: 480px) {
            .container {
                max-width: 100%;
            }
            
            .screen {
                padding: 20px 15px;
            }
            
            .question-title {
                font-size: 22px;
            }
            
            .cta-button, .continue-button {
                padding: 15px 25px;
                font-size: 15px;
            }
            
            .value-display {
                font-size: 40px;
            }
        }
        
        @media (min-width: 768px) {
            .container {
                max-width: 450px;
                margin: 20px auto;
                border-radius: 20px;
                overflow: hidden;
            }
        }
    
.helper-text{
  margin-top: 14px;
  font-size: 13px;
  color: #666;
  text-align: center;
}



/* NOVO VISUAL — CALISTENIA SEXY 21D */
:root{--pink:#ff1f82;--pink2:#ff4da0;--dark:#070509;--panel:#110b12;--muted:#b9aeb8}
html,body{background:#050306!important;color:#fff!important}
body{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.container{max-width:1180px;background:#050306;box-shadow:none;overflow:hidden}
.header{padding:12px 20px 8px;background:linear-gradient(180deg,#12060f,#070509);border-bottom:1px solid rgba(255,31,130,.18)}
.logo{width:min(360px,72vw);max-height:105px;object-fit:contain;filter:none!important}
.progress-bar{height:4px;background:#1b151b}.progress-fill{background:linear-gradient(90deg,#ff1f82,#ff78b9);box-shadow:0 0 12px #ff1f82}
.screen{min-height:calc(100vh - 115px);padding:28px 24px;background:radial-gradient(circle at 80% 20%,rgba(255,31,130,.11),transparent 32%),#050306}
.hero-landing{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;min-height:650px;gap:18px}
.hero-copy{padding:35px 18px}.eyebrow{display:inline-block;color:#fff;background:linear-gradient(90deg,var(--pink),#d90b69);padding:7px 13px;border-radius:8px;font-weight:900;font-size:12px;letter-spacing:.4px;box-shadow:0 8px 25px rgba(255,31,130,.2)}
.hero-copy h1{font-size:clamp(38px,5.1vw,70px);line-height:.98;margin:22px 0 20px;font-weight:950;letter-spacing:-2px}.hero-copy h1 span,.offer-copy h3 span{color:var(--pink)}
.hero-lead{color:#ddd0da;max-width:590px;font-size:18px;line-height:1.55}.hero-benefits{display:flex;gap:14px;margin:26px 0}.hero-benefits>div{display:flex;align-items:center;gap:8px;color:#ddd;font-size:12px}.hero-benefits b{color:var(--pink);font-size:25px}.hero-cta{max-width:460px!important;margin:0!important;padding:18px 22px!important;font-size:16px!important;border-radius:12px!important;background:linear-gradient(90deg,#ff167d,#ff3f99)!important;box-shadow:0 12px 35px rgba(255,31,130,.28)!important}.secure-note{font-size:12px;color:#8f8590;margin-top:14px;text-align:left}
.hero-visual{position:relative;min-height:580px;display:flex;align-items:flex-end;justify-content:center}.hero-visual:after{content:"";position:absolute;inset:12% 7% 3%;border-radius:50%;background:radial-gradient(circle,rgba(255,31,130,.18),transparent 62%);filter:blur(8px)}.hero-visual img{position:relative;z-index:2;width:min(520px,100%);height:620px;object-fit:cover;object-position:center top;border-radius:22px;mask-image:linear-gradient(to bottom,#000 88%,transparent 100%);filter:saturate(1.08) contrast(1.05)}.glow-ring{position:absolute;z-index:1;width:430px;height:430px;border:2px solid rgba(255,31,130,.7);border-radius:50%;box-shadow:0 0 55px rgba(255,31,130,.25),inset 0 0 55px rgba(255,31,130,.15)}.hero-card{position:absolute;z-index:4;right:8px;bottom:50px;background:rgba(10,7,10,.9);border:1px solid rgba(255,31,130,.55);padding:14px 18px;border-radius:12px;box-shadow:0 15px 35px rgba(0,0,0,.4)}.hero-card strong{display:block;font-size:16px}.hero-card em{color:var(--pink);font-style:normal}.hero-card span{display:block;color:#aaa;font-size:11px;margin-top:3px}.trust-strip{display:flex;justify-content:center;gap:35px;padding:13px;border-top:1px solid #19131a;color:#9e959d;font-size:12px}
.section-card,.final-offer{max-width:980px;margin:0 auto;background:linear-gradient(145deg,#0c080d,#120b12);border:1px solid #2a202a;border-radius:22px;padding:34px;box-shadow:0 20px 70px rgba(0,0,0,.35)}.question-title{color:#fff!important;font-size:34px!important;margin:15px 0!important}.question-subtitle{background:none!important;-webkit-text-fill-color:var(--pink)!important;color:var(--pink)!important}.question-description{color:#a9a0aa!important}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:25px 0}.feature-item{background:#151016;border:1px solid #2d222d;border-radius:14px;padding:18px;text-align:center}.feature-item span{display:block;font-size:25px}.feature-item b{display:block;margin-top:7px}.feature-item small{color:#928993}.media-frame{background:#080609;border-radius:16px;overflow:hidden;border:1px solid #2b202a;max-height:420px;text-align:center}.media-frame img{width:100%;max-height:420px;object-fit:contain}.continue-button,.cta-button{background:linear-gradient(90deg,#ff167d,#ff3f99)!important;color:#fff!important;border:none!important;border-radius:12px!important}.continue-button{max-width:320px!important}.testimonial-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.testimonial-card{background:#151016!important;border:1px solid #2d222d!important;color:#eee!important;box-shadow:none!important}.testimonial-card p{color:#eee!important}.testimonial-card small{color:#aaa}.testimonial-image{background:#080609}
.final-offer{background:radial-gradient(circle at 80% 0,rgba(255,31,130,.16),transparent 32%),linear-gradient(145deg,#09070a,#150a12)}.offer-layout{display:grid;grid-template-columns:1.05fr .65fr .9fr;gap:22px;align-items:center;margin-top:20px}.offer-copy h2{font-size:17px;color:#fff}.offer-copy h3{font-size:42px;line-height:.98;margin:8px 0 15px}.offer-copy p{color:#b9adb8}.check-list{list-style:none;padding:0;margin:20px 0}.check-list li{margin:10px 0;color:#e6dfe5}.check-list li::first-letter{color:var(--pink)}.guarantee{border:1px solid #3b2a37;background:#100b10;padding:14px;border-radius:12px;color:#ddd}.guarantee b{color:#fff}.guarantee small{color:#aaa}.offer-product{display:flex;justify-content:center}.offer-product img{width:210px;max-height:390px;object-fit:contain;filter:drop-shadow(0 18px 25px rgba(255,31,130,.18))}.price-box{background:#0d090e;border:1px solid var(--pink);border-radius:18px;padding:25px;text-align:center;box-shadow:0 0 45px rgba(255,31,130,.12)}.offer-badge{display:inline-block;background:var(--pink);padding:7px 11px;border-radius:20px;font-weight:900;font-size:12px}.old-price{text-decoration:line-through;color:#888;margin-top:18px}.from{font-size:13px;color:#bbb}.big-price{font-size:58px;font-weight:950;line-height:1;margin:7px 0}.big-price small{font-size:22px}.big-price span{font-size:28px}.price-note{background:rgba(255,31,130,.13);color:#ff72b2;border-radius:9px;padding:10px;font-size:12px;font-weight:800}.price-box .cta-button{width:100%!important;max-width:none!important;margin:16px 0 8px!important}.payment-note{font-size:11px;color:#8e858d}.final-proof{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center;margin-top:30px;padding-top:25px;border-top:1px solid #281d27}.final-proof>div:first-child{display:flex;flex-direction:column;gap:7px}.final-proof b{color:#ffd45c;letter-spacing:3px}.final-proof span{color:#9f969f}.result-card img{width:100%;max-height:220px;object-fit:contain;border-radius:14px;background:#09070a}.final-cta{max-width:420px!important;margin:28px auto 0!important}
@media(max-width:850px){.hero-landing{grid-template-columns:1fr;min-height:auto}.hero-copy{padding:20px 5px;text-align:center}.hero-copy h1{font-size:42px}.hero-lead{margin:auto;font-size:16px}.hero-benefits{justify-content:center}.secure-note{text-align:center}.hero-visual{min-height:460px}.hero-visual img{height:470px;width:min(390px,100%)}.glow-ring{width:320px;height:320px}.hero-card{right:0;bottom:25px}.offer-layout{grid-template-columns:1fr}.offer-copy{text-align:center}.check-list{text-align:left}.offer-product{order:2}.price-box{order:3}.feature-grid,.testimonial-grid,.final-proof{grid-template-columns:1fr}.section-card,.final-offer{padding:24px 16px}.question-title{font-size:28px!important}.trust-strip{gap:14px;flex-wrap:wrap}}
@media(max-width:480px){.screen{padding:18px 12px}.header{padding:8px 12px}.logo{width:290px}.hero-copy h1{font-size:34px;letter-spacing:-1px}.hero-benefits{gap:8px}.hero-benefits>div{font-size:10px}.hero-visual{min-height:390px}.hero-visual img{height:400px}.hero-card{font-size:11px;padding:10px}.offer-copy h3{font-size:35px}.big-price{font-size:50px}}
</head>