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

     }

     :root {
         --primary: #b91c5c;
         --primary-soft: #fdf2f7;
         --border: #f3c3d5;
         --text: #1e1e1e;
         --text-light: #666;
         --dark: #111111;
     }

     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, #fff, #fff8fb);
     }

     .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;
     }

     .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);
         margin-bottom: 35px;
         max-width: 600px;
     }

     .benefits {
         display: flex;
         flex-direction: column;
         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, #111, #2d2d2d);
         color: white;
         font-size: 1.05rem;
         font-weight: 700;
         padding: 20px 28px;
         border-radius: 18px;
         cursor: pointer;
         width: 100%;
         max-width: 430px;
         transition: .3s;
         box-shadow: 0 15px 35px rgba(0, 0, 0, .18);
     }

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

     /* VIDEO */

     .video-box {
         background: white;
         padding: 18px;
         border-radius: 28px;
         border: 1px solid #f1e3ea;
         box-shadow: 0 20px 60px rgba(0, 0, 0, .08);
         animation: float 5s ease-in-out infinite;
     }

     .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;
     }

     .video-thumb::after {
         content: '';
         position: absolute;
         inset: 0;
         background: linear-gradient(to top, rgba(0, 0, 0, .25), transparent);
     }

     .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 {
         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;
     }

     .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;
         font-size: .92rem;
         color: #777;
     }

     /* 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: absolute;
         top: 50%;
         left: 50%;
         transform: translate(-50%, -50%);
         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: none;

         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;
     }