:root { 
    /* Core Colors - From Your Current CSS */
    --primary: #37ca37;
    --secondary: #188bf6;
    --white: #ffffff;
    --gray: #cbd5e0;
    --black: #000000;
    --red: #e93d3d;
    --orange: #f6ad55;
    --yellow: #faf089;
    --green: #9ae6b4;
    --teal: #63b3ed;
    --indigo: #757BBD;
    --purple: #d6bcfa;
    --pink: #fbb6ce;
    --transparent: transparent;
    --overlay: rgba(0, 0, 0, 0.5);

    --size: 250;
  --duration: 15;
  --anchor: 90;
  --border-width: 1.5;
  --color-from: #ffaa40;
  --color-to: #ffffff;
  --delay: -0s;

  --button-gradient-start: #ff6404; /* Yes! Give Me Access Now (Linear Gradient) */
  --button-gradient-end: #af5c19; /* Yes! Give Me Access Now (Linear Gradient)*/
  
  
  
    /* Exact Color Matches From Your Code */
    --color-gszs2h4vhs: rgb(255, 255, 255);
    --color-lf8v4nfk7w: rgb(228, 59, 44);
    --color-2tzp1hk4z0: rgb(1, 116, 199);
    --color-cabh346ujb: rgb(255, 96, 0); /* kj the anti-guru reveals the real “secret” to making money online…*/ 
    --color-hy6rjmej43: rgb(136, 136, 136);
    --color-676wwti2ig: rgba(255, 96, 0, 0.97); /* Digital Persuasion */
    --color-apddlnig5l: rgb(0, 0, 0);
    --color-j2t1yzhide: rgba(255, 255, 255, 0);
    --color-9ywqflibj3: rgba(255, 217, 198, 0.64);
    --color-qm5pwtuxl6: rgb(17, 17, 17);
    --color-404kyew93l: rgb(21, 21, 21);
    --color-uxv1l9wv6h: rgba(0, 0, 0, 0.03);
    --color-8cl35xmzzh: rgb(0, 128, 7);
    --color-dr0qlwbpsi: rgba(0, 0, 0, 0.21);
    --color-1v7ebgog4e: rgba(255, 255, 255, 0.12);
    --color-lfvlh50j0e: rgb(23, 215, 0);
    --color-aals1fi783: rgb(159, 158, 158);
    --color-h6exrexrbi: rgb(45, 45, 45);
    --color-nhybq644gc: rgb(0, 209, 11);
    --color-xerah1g7lb: rgb(255, 0, 0);
    --color-lxaz158x: #ffc09b;
  
    /* Fonts */
    --arial: 'Arial';
    --lato: 'Lato';
    --open-sans: 'Open Sans';
    --montserrat: 'Montserrat';
    --roboto: 'Roboto';
    --helvetica-neue: 'Helvetica Neue';
    --contentfont: 'Content Font';
    --headlinefont: 'Montserrat';
    
    /* Links & Text */
    --link-color: var(--secondary);
    --text-color: var(--black);
    --colored-text: var(--black);
  }
  
  /* Exact Button Styles */
  .glow-button {
    background-image: linear-gradient(#ff6404, #af5c19);
    -webkit-box-shadow: 0px 0px 105px 50px rgba(255,96,0,0.7);
    -moz-box-shadow: 0px 0px 105px 50px rgba(255,96,0,0.7);
    box-shadow: 0px 0px 20px 11px rgba(255,96,0,0.7);
    border-radius: .6875rem;
    transition: transform 0.3s ease;
  }
  
  /* Background Styles */
  .bg-fixed {
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    position: fixed;
    overflow: auto;
    background-color: var(--color-gszs2h4vhs);
  }
  
  /* Popup Styles */
  .hl_main_popup {
    font-family: var(--contentfont);
    background-color: var(--color-gszs2h4vhs);
    border-color: var(--gray);
    border-style: solid;
    border-width: 3px;
    margin-top: 100px;
    padding: 40px 0;
  }
  
  /* Row & Column Styles */
  .row-OR2K9ZLRYY {
    border-style: solid;
    border-width: 3px;
    padding: 20px 10px;
    width: 100%;
  }
  
  .col-WQG303JFEV {
    border-style: solid;
    border-width: 3px;
    padding: 0 10px;
    width: 100%;
  }
  
  /* Responsive Styles */
  @media screen and (min-width: 0px) and (max-width: 480px) {
    #hl_main_popup {
      width: 380px !important;
    }
  }
  
  @media screen and (min-width: 768px) {
    #col-WQG303JFEV>.inner {
      flex-direction: column;
      justify-content: inherit;
      align-items: inherit;
      flex-wrap: nowrap;
    }
  }
  
  /* SF Pro Display Font */
  @font-face {
    font-family: "SF Pro Display";
    src: url('fonts/SF-Pro-Display-Regular.woff2') format('woff2');
  }
  
  .sfpro {
    font-family: "SF Pro Display" !important;
    font-weight: normal !important;
  }
  
  @font-face {
    font-family: "SF Pro Display Bold";
    src: url('fonts/SF-Pro-Display-Bold.woff2') format('woff2');
  }
  
  .sfprobold {
    font-family: "SF Pro Display Bold" !important;
  }
  .video-container {
    width: 75%; /* w-3-4 */
  }
  
  .video-wrapper {
    position: relative;
    width: 100%;
    max-width: 48rem; /* max-w-3xl */
    margin: 1.5rem auto; /* my-6 */
    aspect-ratio: 16 / 9;
  }
  
  /* Glowing Border Container */
  .glow-border {
    position: relative;
    border-radius: 1rem;
    animation: glow 2s ease-in-out infinite alternate;
    box-shadow: 0 0 30px rgba(255, 169, 64, 0.431);
    outline: 1px solid rgba(255, 170, 64, 0.2);
  }
  
  /* Animated Border Element */
  .border-beam {
    pointer-events: none;
    position: absolute;
    inset: 0;
    border-radius: inherit;
    border: calc(var(--border-width) * 1px) solid transparent;
    mask-clip: padding-box, border-box;
    mask-composite: intersect;
    mask: linear-gradient(transparent, transparent), linear-gradient(white, white);
  }
  
  .border-beam::after {
    content: '';
    position: absolute;
    aspect-ratio: 1;
    width: calc(var(--size) * 1px);
    animation: border-beam var(--duration)s infinite;
    animation-delay: var(--delay);
    background: linear-gradient(to left, var(--color-from), var(--color-to), transparent);
    offset-anchor: calc(var(--anchor) * 1%) 50%;
    offset-path: rect(0 auto auto 0 round calc(var(--size) * 1px));
  }
  
  /* Media Queries */
  @media (min-width: 640px) {
    .video-wrapper {
      margin: 2.5rem auto; /* sm:my-10 */
    }
  }
  
  /* Animations */
  @keyframes glow {
    0% {
      box-shadow: 0 0 30px rgba(255, 169, 64, 0.431); /*video border glow*/
    }
    100% {
      box-shadow: 0 0 30px rgba(255, 169, 64, 0.431); /*video border glow*/
    }
  }
  
  @keyframes border-beam {
    100% {
      offset-distance: 100%;
    }
  }
    .w-full.transition-all.duration-200.group-hover\:brightness-\[0\.8\].ease-out.rounded-2xl {
        outline: 1px solid rgba(255,170,64,0.2);  /* Video Outline */
        border-radius: 1rem;
    }

  .gradient-border-div-2 { /*Boxes border*/
    background-image: linear-gradient(342deg, #fb4409, #1d0303 53%, #ff4704);
    border-radius: 20px;
    margin-top: 60px;
    padding: 2px;
    box-shadow: 0 0 40px -2px #fb440930;
  }

  #button-YHQTGGC8P6_btn{
  background-image: linear-gradient(var(--button-gradient-start), var(--button-gradient-end));
  box-shadow: 0px 0px 20px 11px var(--button-glow);
  }