* {
         margin: 0;
         padding: 0;
         box-sizing: border-box;
         -webkit-tap-highlight-color: transparent;
         user-select: none;

     }



     :root {

         --primary: #D94711;
         --primary-soft: #F4F8F4;

         --border: #DCE8DE;

         --text: #1F2520;
         --text-light: #66706A;

         --dark: #111714;

     }

     body {
         font-family: 'Poppins', sans-serif;
         background: #fff;
         color: var(--text);
         overflow-x: hidden;
     }

     /* HERO */

     .hero {
         min-height: 100vh;
         padding: 50px 20px 90px;
         display: flex;
         justify-content: center;
         align-items: center;
         position: relative;


         background:
             linear-gradient(to bottom, #ffffff, #f7faf7);
     }

     .hero::before {
         content: '';
         position: absolute;
         inset: 0;
         background:
             radial-gradient(circle at top, rgba(185, 28, 92, .08) 0%, transparent 40%),
             radial-gradient(circle at bottom, rgba(185, 28, 92, .05) 0%, transparent 35%);
         z-index: 0;



         background:
             radial-gradient(circle at top,
                 rgba(123, 166, 138, .08) 0%,
                 transparent 40%),

             radial-gradient(circle at bottom,
                 rgba(123, 166, 138, .05) 0%,
                 transparent 35%);
     }

     .container {
         width: 100%;
         max-width: 1150px;
         display: grid;
         grid-template-columns: 1fr 1fr;
         gap: 60px;
         align-items: center;
         position: relative;
         z-index: 2;
     }

     .left-content {
         animation: fadeUp .7s ease;
     }

     .badge {
         display: inline-flex;
         align-items: center;
         gap: 10px;
         background: var(--primary-soft);
         color: var(--primary);
         padding: 10px 18px;
         border-radius: 999px;
         font-size: .88rem;
         font-weight: 600;
         margin-bottom: 24px;
         border: 1px solid #f7d0df;
     }

     h1 {
         font-size: clamp(2.3rem, 5vw, 4.3rem);
         line-height: 1.08;
         font-weight: 800;
         margin-bottom: 24px;
         color: var(--dark);
         letter-spacing: -1px;
     }

     .highlight {
         color: var(--primary);
     }

     .description {
         font-size: 1.05rem;
         line-height: 1.8;
         color: var(--text-light);
         text-align: justify;

         margin-bottom: 20px;
         display: flex;
         align-items: center;
         justify-content: center;
         max-width: 600px;
     }

     .benefits {
         display: flex;
         flex-direction: column;
         height: 300px;

         align-items: center;

         justify-content: space-evenly;
         gap: 16px;
         margin-bottom: 38px;
     }

     .benefit {
         display: flex;
         align-items: center;
         gap: 14px;
         color: #333;
         font-weight: 500;
     }

     .benefit span {
         width: 34px;
         height: 34px;
         border-radius: 50%;
         background: var(--primary);
         display: flex;
         align-items: center;
         justify-content: center;
         color: white;
         font-size: .9rem;
         flex-shrink: 0;
     }

     .cta-button {
         border: none;
         background: linear-gradient(135deg, #D94711, #8C1F07);
         color: white;
         font-size: 1.05rem;
         font-weight: 700;
         padding: 20px 28px;
         border-radius: 18px;
         cursor: pointer;
         width: 100%;
         max-width: 430px;
         transition: .3s;
         margin-bottom: 25px;
         box-shadow: 0 15px 35px rgba(0, 0, 0, .18);
     }

     .cta-button:hover {
         transform: translateY(-3px);
         background: linear-gradient(135deg, #685E17, #685E17);
     }

     .__cronoColor {
         color: #582c02;
     }

     /* VIDEO */

     .video-box {
         background: white;
         padding: 18px;
         border-radius: 28px;
         border: 1px solid #f1e3ea;
         box-shadow: 0 20px 60px rgba(0, 0, 0, .08);

     }

     .video-thumb {
         width: 100%;
         aspect-ratio: 10/9;
         border-radius: 22px;
         overflow: hidden;
         position: relative;
         cursor: pointer;
     }

     .video-thumb img {
         width: 100%;
         height: 100%;
         object-fit: cover;
     }


     .play {
         position: absolute;
         inset: 0;
         display: flex;
         justify-content: center;
         align-items: center;
         z-index: 2;
     }

     .play button {
         width: 88px;
         height: 88px;
         border: none;
         border-radius: 50%;
         background: white;
         color: var(--primary);
         font-size: 2rem;
         cursor: pointer;
         box-shadow: 0 0 0 12px rgba(255, 255, 255, .18);
         transition: .3s;
     }

     .play button:hover {
         transform: scale(1.08);
     }

     .video-info {
         padding: 24px 8px 8px;
     }

     .video-info h2 {
         font-size: 1.5rem;
         margin-bottom: 12px;
         color: var(--dark);
     }

     .video-info p {
         color: var(--text-light);
         line-height: 1.7;
     }

     /* LEAD */


     .__lead_box_overlay {
         position: absolute;
         left: 50%;
         top: 50%;
         width: 380px;
         height: 400px;
         display: none;
         align-items: center;
         justify-content: center;
         transform: translate(-50%, -50%);
     }

     .lead-box {
         display: block;
         margin-top: 38px;
         background: #fff;
         border: 1px solid var(--border);
         padding: 28px;
         border-radius: 24px;
         box-shadow: 0 10px 40px rgba(0, 0, 0, .04);
     }

     .lead-box h3 {
         font-size: 1.35rem;

         color: var(--dark);

     }

     .lead-box p {
         color: var(--text-light);
         margin-bottom: 22px;
         line-height: 1.6;
     }

     .form-group {
         display: flex;
         flex-direction: column;
         gap: 15px;
     }

     .form-group input {
         width: 100%;
         border: 1px solid #e7c5d3;
         background: #fff;
         padding: 18px;
         border-radius: 16px;
         outline: none;
         font-size: 1rem;
         transition: .3s;
     }

     input {
         width: 100%;
         height: 54px;
         background: #151515;
         border: 1px solid #232323;
         border-radius: 16px;
         padding: 0 18px;
         color: white;
         font-size: 15px;
         outline: none;
         margin-bottom: 10px;
         transition: 0.25s;
     }

     input::placeholder {
         color: #666;
     }

     input:focus {
         border-color: #404040;
         background: #181818;
     }

     .form-group input:focus {
         border-color: var(--primary);
         box-shadow: 0 0 0 4px rgba(185, 28, 92, .08);
     }

     .submit {
         border: none;
         background: var(--dark);
         color: white;
         font-size: 1rem;
         font-weight: 700;
         padding: 18px;
         border-radius: 16px;
         cursor: pointer;
         transition: .3s;
     }

     .submit:hover {
         background: var(--primary);
     }

     .mini-proof {
         margin-top: 16px;

         width: 100%;
         font-size: .92rem;
         text-align: justify;
         color: #ff8585;
     }

     /* MOBILE */

     @media(max-width:900px) {

         .container {
             grid-template-columns: 1fr;
             gap: 40px;
         }

         .hero {
             padding-top: 30px;
         }

         h1 {
             font-size: 2.5rem;
         }

     }

     /* ANIMATIONS */

     @keyframes fadeUp {

         from {
             opacity: 0;
             transform: translateY(30px);
         }

         to {
             opacity: 1;
             transform: translateY(0);
         }

     }

     @keyframes float {

         0% {
             transform: translateY(0px);
         }

         50% {
             transform: translateY(-8px);
         }

         100% {
             transform: translateY(0px);
         }

     }


     .video-player {
         width: 100%;
         height: 100%;
         position: relative;
         object-fit: cover;
         display: block;
         z-index: 10;
     }



     #id_err_valid {
         color: red;
         font-size: 14px;
         font-family: 'Times New Roman', Times, serif;
         width: 100%;
         text-align: center;

     }












     .__env_status_ok {
         position: relative;


         width: 90%;
         max-width: 420px;
         background: #ffffff;
         border-radius: 20px;
         padding: 30px 25px;
         box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
         text-align: center;
         z-index: 9999;
         display: block;

         animation: popupShow 0.4s ease;
     }

     .__env_status_ok_icon {
         width: 70px;
         height: 70px;
         margin: 0 auto 20px;
         border-radius: 50%;
         background: #e8fff0;
         color: #16a34a;
         display: flex;
         align-items: center;
         justify-content: center;
         font-size: 34px;
         font-weight: bold;
     }

     .__env_status_ok h2 {
         color: #111;
         font-size: 24px;
         margin-bottom: 14px;
     }

     .__env_status_ok p {
         color: #555;
         line-height: 1.6;
         font-size: 16px;
     }

     .__env_status_ok_overlay {
         position: fixed;
         inset: 0;
         background: rgba(0, 0, 0, 0.45);
         z-index: 9998;
         backdrop-filter: blur(4px);
     }

     @keyframes popupShow {
         from {
             opacity: 0;
             transform: translate(-50%, -45%) scale(0.9);
         }

         to {
             opacity: 1;
             transform: translate(-50%, -50%) scale(1);
         }
     }







     .__img_cover_i {

         width: 100%;
         height: 300px;
         background-image: url('/Assets/imgs/Gemini_Generated_Image_t2anm0t2anm0t2an.png');
         background-position: center center;
         background-repeat: no-repeat;
         background-size: cover;
     }

     .__title_container {

         width: 100%;
         display: flex;
         align-items: center;
         flex-direction: column;
         justify-content: space-evenly;
         height: 100px;
     }

     .__env_p_title {
         background-color: rgb(238, 238, 238);
         border-radius: 10px;
         width: 100%;
         height: 30px;
         display: flex;
         align-items: center;
         justify-content: center;
     }

     .__env_p_title div {
         font-size: 14px;
         font-weight: 300;
         color: #d83b77;
     }


     .__button {
         width: 100%;
         height: 58px;
         border: none;
         border-radius: 18px;
         background: #25D366;
         color: #fff;
         font-size: 18px;
         font-weight: 700;
         cursor: pointer;
         transition: .25s;
     }

     .__button:hover {
         transform: translateY(-2px);
         opacity: .95;
     }











     .__popstate_user_aceppt {
         position: fixed;
         inset: 0;
         z-index: 999999;
         display: none;
         align-items: center;
         justify-content: center;
         font-family: Arial, sans-serif;
         animation: __fadeIn .4s ease;
     }

     .__popup_overlay {
         position: absolute;
         inset: 0;
         background: rgba(0, 0, 0, .65);
         backdrop-filter: blur(6px);
     }

     .__popup_box {
         position: relative;
         width: 90%;
         max-width: 420px;
         background: linear-gradient(180deg,
                 #ffffff 0%,
                 #f8f8f8 100%);
         border-radius: 28px;
         padding: 35px 28px;
         z-index: 2;
         box-shadow:
             0 25px 60px rgba(0, 0, 0, .35);
         overflow: hidden;
         animation: __popupShow .45s cubic-bezier(.19, 1, .22, 1);
     }

     .__popup_box::before {
         content: "";
         position: absolute;
         top: -120px;
         right: -120px;
         width: 240px;
         height: 240px;
         background: radial-gradient(circle,
                 rgba(255, 95, 109, .18),
                 transparent 70%);
     }

     .__popup_badge {
         width: fit-content;
         padding: 8px 14px;
         background: rgba(255, 95, 109, .12);
         color: #ff4d61;
         border-radius: 999px;
         font-size: 13px;
         font-weight: 700;
         margin-bottom: 18px;
     }

     .__popup_box h2 {
         font-size: 32px;
         line-height: 1.1;
         color: #111;
         margin-bottom: 16px;
         font-weight: 800;
     }

     .__popup_box p {
         color: #555;
         font-size: 17px;
         line-height: 1.6;
         margin-bottom: 28px;
     }

     .__popup_buttons {
         display: flex;
         gap: 12px;
     }

     .__popup_buttons button {
         flex: 1;
         border: none;
         cursor: pointer;
         transition: .25s ease;
         font-weight: 700;
         border-radius: 16px;
         padding: 15px;
         font-size: 15px;
     }

     .__btn_primary {
         background: linear-gradient(135deg,
                 #ff5f6d,
                 #ff7b54);
         color: white;
         box-shadow: 0 12px 25px rgba(255, 95, 109, .35);
     }

     .__btn_primary:hover {
         transform: translateY(-2px) scale(1.02);
     }

     .__btn_secondary {
         background: #f0f0f0;
         color: #444;
     }

     .__btn_secondary:hover {
         background: #e7e7e7;
     }

     .__popup_close {
         position: absolute;
         top: 18px;
         right: 18px;
         width: 38px;
         height: 38px;
         border: none;
         border-radius: 50%;
         background: #f2f2f2;
         color: #444;
         cursor: pointer;
         font-size: 16px;
         transition: .2s ease;
     }

     .__popup_close:hover {
         transform: rotate(90deg);
         background: #e8e8e8;
     }

     @keyframes __popupShow {
         from {
             opacity: 0;
             transform: translateY(25px) scale(.94);
         }

         to {
             opacity: 1;
             transform: translateY(0) scale(1);
         }
     }

     @keyframes __fadeIn {
         from {
             opacity: 0;
         }

         to {
             opacity: 1;
         }
     }













     /* OVERLAY */

     .book-popup-overlay {
         position: fixed;
         inset: 0;
         background: rgba(0, 0, 0, .65);
         backdrop-filter: blur(6px);
         display: none;
         align-items: center;
         justify-content: center;
         padding: 20px;

         animation: fadeIn .35s ease;
         z-index: 99999999;
     }

     /* POPUP */

     .book-popup {
         width: 100%;
         max-width: 390px;
         background: linear-gradient(180deg,
                 rgba(255, 255, 255, .08),
                 rgba(255, 255, 255, .03));
         border: 1px solid rgba(255, 255, 255, .08);
         border-radius: 28px;
         padding: 22px;
         position: relative;
         overflow: hidden;
         backdrop-filter: blur(18px);
         box-shadow:
             0 20px 50px rgba(0, 0, 0, .45),
             inset 0 1px 0 rgba(255, 255, 255, .08);
         animation: popupShow .45s cubic-bezier(.18, .89, .32, 1.28);
         bottom: 40px;
     }

     /* glow */

     .book-popup::before {
         content: '';
         position: absolute;
         width: 220px;
         height: 220px;
         background: radial-gradient(circle,
                 rgba(255, 255, 255, .12),
                 transparent 70%);
         top: -80px;
         right: -80px;
     }

     /* close */

     .close-popup {
         position: absolute;
         top: 16px;
         right: 16px;
         width: 34px;
         height: 34px;
         border: none;
         border-radius: 50%;
         background: rgba(255, 255, 255, .06);
         color: #fff;
         cursor: pointer;
         font-size: 16px;
         transition: .25s;
     }

     .close-popup:hover {
         background: rgba(255, 255, 255, .14);
         transform: rotate(90deg);
     }

     /* image */

     .book-image {
         width: 100%;
         height: 250px;
         border-radius: 20px;
         overflow: hidden;
         margin-bottom: 22px;
         box-shadow: 0 12px 30px rgba(0, 0, 0, .35);
     }

     .book-image img {
         width: 100%;
         height: 100%;
         object-fit: cover;
         display: block;
     }

     /* content */

     .book-tag {
         display: inline-flex;
         padding: 7px 14px;
         border-radius: 999px;
         background: rgba(255, 255, 255, .07);
         color: #d7d7d7;
         font-size: 12px;
         letter-spacing: .5px;
         margin-bottom: 14px;
     }

     .book-title {
         color: #fff;
         font-size: 28px;
         line-height: 1.1;
         font-weight: 700;
         margin-bottom: 14px;
     }

     .book-description {
         color: #b6b6bd;
         font-size: 15px;
         line-height: 1.7;
         margin-bottom: 26px;
     }

     /* button */

     .book-cta {
         width: 100%;
         height: 56px;
         border: none;
         border-radius: 18px;
         background: #ffffff;
         color: #111;
         font-size: 15px;
         font-weight: 700;
         cursor: pointer;
         transition: .3s;
         box-shadow:
             0 10px 25px rgba(255, 255, 255, .14);
     }

     .book-cta:hover {
         transform: translateY(-3px);
         box-shadow:
             0 18px 35px rgba(255, 255, 255, .18);
     }

     /* animations */

     @keyframes fadeIn {
         from {
             opacity: 0;
         }

         to {
             opacity: 1;
         }
     }

     @keyframes popupShow {
         from {
             opacity: 0;
             transform: translateY(25px) scale(.92);
         }

         to {
             opacity: 1;
             transform: translateY(0) scale(1);
         }
     }


     .__text_p {
         color: #ccc;
         text-align: center;
         font-family: Arial, Helvetica, sans-serif;
         font-weight: 300;
         font-size: 13px;
         height: 40px;
         width: 100%;
         display: flex;
         align-items: center;
         justify-content: center;
     }


     .__con_span{
     
        width: 100%;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
     }

     .popup-loader {
         position: fixed;
         inset: 0;
         background: rgba(0, 0, 0, .35);
         display: none;
         justify-content: center;
         align-items: center;
         z-index: 999;
     }

     .popup-content {
         width: 220px;
         padding: 28px;
         border-radius: 24px;
         background: #fff;

         display: none;
         flex-direction: column;
         align-items: center;
         gap: 18px;

         box-shadow: 0 10px 30px rgba(0, 0, 0, .12);

         animation: popup .25s ease;
     }

     .loader {
         width: 48px;
         height: 48px;
         border: 4px solid #d7ebe3;
         border-top: 4px solid #1f7a5c;
         border-radius: 50%;

         animation: spin .8s linear infinite;
     }

     .popup-content span {
         font-size: 17px;
         color: #1e293b;
         font-weight: 600;
     }

     @keyframes spin {
         to {
             transform: rotate(360deg);
         }
     }

     @keyframes popup {
         from {
             opacity: 0;
             transform: scale(.9);
         }

         to {
             opacity: 1;
             transform: scale(1);
         }
     }



     .__x_close {
         position: absolute;
         right: 10px;
         top: 10px;
         border-radius: 100%;
    
         color: rgb(26, 25, 25);
         width: 20px;
         height: 20px;
         display: flex;
         font-family: sans-serif;
         font-size: 15px;
         align-items: center;
         justify-content: center;
     }


     #player {
         display: none;
         height: 100%;
         width: 100%;
         object-fit: cover;
         aspect-ratio: 16/9;

     }



     .__go_crono {

         width: 100%;
         height: 150px;

         display: flex;
         align-items: center;
         justify-content: space-evenly;
         flex-direction: column;
     }


     .__info_overlay {
         position: absolute;
         top: 50%;
         left: 50%;
         transform: translate(-50%, -50%);
         z-index: 999;
         display: none;
     }

     .__icon_yt {
         width: 50px;
         height: 50px;
         background-image: url('/Assets/imgs/icon_yt.png');
         background-position: center center;
         background-repeat: no-repeat;
         transform: scale(1.6);
         border-radius: 100%;
         background-size: cover;
     }

     .__go_text {
         font-size: 20px;
         text-decoration: underline;
         font-family: 'Times New Roman', Times, serif;
         color: #818181;
         cursor: pointer;
     }


     .info-popup {


         z-index: 99;
         width: min(90vw, 380px);
         background: #fff;
         border-radius: 20px;
         padding: 22px;
         box-shadow: 0 20px 50px rgba(0, 0, 0, .15);
         font-family: sans-serif;

     }

     .info-popup h3 {
         margin: 0 0 18px;
         font-size: 1.1rem;
         color: #222;
     }

     .info-item {
         padding: 12px 0;
     }

     .info-item:not(:last-child) {
         border-bottom: 1px solid #ececec;
     }

     .info-item strong {
         display: block;
         margin-bottom: 6px;
         color: #111;
         font-size: .95rem;
     }

     .info-item p {
         margin: 0;
         color: #666;
         line-height: 1.5;
         font-size: .9rem;
     }


     .faq-container {
         display: flex;
         flex-direction: column;
         gap: 12px;
         width: 100%;
     }

     .faq-item {
         background: #ffffff;
         border: 1px solid #ececec;
         border-radius: 18px;
         overflow: hidden;
         transition: .3s ease;
         box-shadow:
             0 4px 12px rgba(0, 0, 0, .04),
             0 1px 2px rgba(0, 0, 0, .03);
     }

     .faq-item:hover {
         transform: translateY(-2px);
         box-shadow:
             0 10px 25px rgba(0, 0, 0, .08),
             0 2px 6px rgba(0, 0, 0, .05);
     }

     .faq-item[open] {
         border-color: #d8d8d8;
     }

     .faq-item summary {
         list-style: none;
         cursor: pointer;
         padding: 18px 20px;
         font-size: .95rem;
         font-weight: 600;
         color: #1f2937;
         display: flex;
         align-items: center;
         justify-content: space-between;
         gap: 15px;
         user-select: none;
     }

     .faq-item summary::-webkit-details-marker {
         display: none;
     }

     .faq-item summary::after {
         content: "+";
         width: 30px;
         height: 30px;
         display: flex;
         align-items: center;
         justify-content: center;
         border-radius: 50%;
         background: #f5f5f5;
         color: #666;
         font-size: 1.2rem;
         font-weight: 400;
         transition: .25s ease;
         flex-shrink: 0;
     }

     .faq-item[open] summary::after {
         content: "−";
         background: #111827;
         color: #fff;
     }

     .faq-item p {
         margin: 0;
         padding: 0 20px 20px;
         color: #6b7280;
         font-size: .9rem;
         line-height: 1.7;
         animation: faqFade .25s ease;
     }

     @keyframes faqFade {
         from {
             opacity: 0;
             transform: translateY(-6px);
         }

         to {
             opacity: 1;
             transform: translateY(0);
         }
     }



     @keyframes popupAppear {
         0% {

             transform: translateY(50px) scale(0.8);

         }

         60% {

             transform: translateY(-8px) scale(1.03);

         }

         80% {
             transform: translateY(3px) scale(0.99);
         }

         100% {
             opacity: 1;
             transform: translateY(0) scale(1);

         }
     }


     @keyframes popupDisappear {
         0% {
             opacity: 1;
             transform: translateY(0) scale(1);

         }

         20% {
             transform: translateY(3px) scale(0.99);
         }

         40% {
             opacity: 1;
             transform: translateY(-8px) scale(1.03);

         }

         100% {
             opacity: 0;
             transform: translateY(50px) scale(0.8);

         }
     }


     .envolve_err_span {

         width: 100%;

         display: flex;
         align-items: center;
         justify-content: center;
         margin-bottom: 10px;
     }

     .__styled_span_err {
         font-family: 'Times New Roman', Times, serif;
         color: red;
         font-size: 14px;

     }

     .__whatsapp_err {}