.elementor-489 .elementor-element.elementor-element-8e46273{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.5;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-489 .elementor-element.elementor-element-8e46273::before, .elementor-489 .elementor-element.elementor-element-8e46273 > .elementor-background-video-container::before, .elementor-489 .elementor-element.elementor-element-8e46273 > .e-con-inner > .elementor-background-video-container::before, .elementor-489 .elementor-element.elementor-element-8e46273 > .elementor-background-slideshow::before, .elementor-489 .elementor-element.elementor-element-8e46273 > .e-con-inner > .elementor-background-slideshow::before, .elementor-489 .elementor-element.elementor-element-8e46273 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://brightfront.net/wp-content/uploads/2025/05/grids-bg.png");--background-overlay:'';}.elementor-489 .elementor-element.elementor-element-41568a81{text-align:center;}.elementor-489 .elementor-element.elementor-element-41568a81 .elementor-heading-title{color:#FFFFFF;}.elementor-489 .elementor-element.elementor-element-052e660{--divider-border-style:solid;--divider-color:#5A5A5E;--divider-border-width:2px;}.elementor-489 .elementor-element.elementor-element-052e660 .elementor-divider-separator{width:100%;}.elementor-489 .elementor-element.elementor-element-052e660 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-489 .elementor-element.elementor-element-ca45500{text-align:center;}.elementor-489 .elementor-element.elementor-element-1c555a73 img{width:57%;}.elementor-489 .elementor-element.elementor-element-1c555a73 .widget-image-caption{color:#FFFFFF75;}.elementor-489 .elementor-element.elementor-element-e7f69a9{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:0px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-489 .elementor-element.elementor-element-7f6c468{--display:flex;}.elementor-489 .elementor-element.elementor-element-58cbd56{--display:flex;}.elementor-489 .elementor-element.elementor-element-05dc838{--display:flex;}.elementor-489 .elementor-element.elementor-element-cc465d3{--display:flex;}.elementor-489 .elementor-element.elementor-element-c4d852f{--spacer-size:50px;}@media(max-width:1024px){.elementor-489 .elementor-element.elementor-element-8e46273{--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-489 .elementor-element.elementor-element-e7f69a9{--padding-top:0px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}}@media(max-width:767px){.elementor-489 .elementor-element.elementor-element-8e46273{--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-489 .elementor-element.elementor-element-1c555a73 img{width:100%;}.elementor-489 .elementor-element.elementor-element-58cbd56{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}}@media(min-width:768px){.elementor-489 .elementor-element.elementor-element-7f6c468{--width:75%;}.elementor-489 .elementor-element.elementor-element-58cbd56{--width:50%;}.elementor-489 .elementor-element.elementor-element-05dc838{--width:75%;}}@media(max-width:1024px) and (min-width:768px){.elementor-489 .elementor-element.elementor-element-7f6c468{--width:100%;}.elementor-489 .elementor-element.elementor-element-58cbd56{--width:75%;}.elementor-489 .elementor-element.elementor-element-05dc838{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-81a5eb5 */.section1-blurred-content {
  position: relative;
  max-height: 650px;
  overflow: hidden;
  mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 30%, rgba(0, 0, 0, 0));
  -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 30%, rgba(0, 0, 0, 0));
  font-family: "Instrument Sans", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.65em;
  color: #ffffffb0;
}

.section1-lock-overlay {
  text-align: center;
  margin-top: -60px;
  padding: 60px 20px 20px;
  background: linear-gradient(to top, #212124, rgba(33, 33, 36, 0.8) 60%, transparent);
  color: #ffffff;
  font-family: "Instrument Sans", sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.5em;
  position: relative;
  z-index: 2;
}

.section1-lock-icon {
  font-size: 36px;
  margin-bottom: 10px;
}

.section1-subscribe-text {
  font-size: 20px;
  font-weight: 500;
  color: #ffffff;
  margin: 0;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e9c36eb *//* === Center the box without adding a black background around it === */
.subscribe-container {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 1vh;
  padding: 2rem;
  background: transparent;          /* <- no black sides */
}

/* === Gradient subscribe box === */
.custom-subscribe-wrapper {
  background: linear-gradient(135deg, rgba(162,112,248,0.85), rgba(110,205,248,0.85));
  border-radius: 16px;
  padding: 2.5rem;
  box-shadow: 0 0 60px rgba(110, 205, 248, 0.25);
  max-width: 520px;
  width: 100%;
  backdrop-filter: blur(12px);
  border: 1px solid rgba(255,255,255,0.08);
  text-align: center;
  font-family: 'Segoe UI', sans-serif;
  position: relative;
  overflow: hidden;
  color: #dcdcff;
}

/* Titles share the same color */
.subscribe-title,
.subscribe-subtext {
  color: #dcdcff;
}

.subscribe-title {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 1rem;
}

.subscribe-subtext {
  font-size: 1rem;
  margin-bottom: 1.5rem;
}

/* === Form elements === */
.styled-embed input[type="email"],
.styled-embed input[type="text"] {
  all: unset;
  box-sizing: border-box;
  width: 100%;
  padding: 0.9rem 1.2rem;
  background-color: #1a1a1a;   /* keep the dark input field */
  color: #fff;
  font-size: 1rem;
  font-family: inherit;
  border-radius: 10px;
  text-align: center;
  margin-bottom: 1rem;
}

.styled-embed input::placeholder {
  color: #bbb;
}

.styled-embed button,
.styled-embed input[type="submit"] {
  padding: 0.95rem 1.2rem;
  background: linear-gradient(90deg, #ff66c4, #7b61ff, #57d3ff);
  border: none !important;
  outline: none !important;
  border-radius: 10px;
  color: #fff;
  font-weight: 700;
  font-size: 1rem;
  cursor: pointer;
  background-size: 200% auto;
  box-shadow: 0 4px 14px rgba(87, 211, 255, 0.35);
  transition: all 0.25s ease;
  text-transform: uppercase;
}

.styled-embed button:hover,
.styled-embed input[type="submit"]:hover {
  background-position: right center;
  transform: translateY(-1px);
}




@media (max-width: 480px) {
  .subscribe-container {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .custom-subscribe-wrapper {
    margin: 0 auto;                    /* center it */
    padding: 1.5rem 1rem;
    width: 100%;
    max-width: 100%;
    border-radius: 16px;               /* bring back rounded corners */
  }

  .styled-embed button,
  .styled-embed input[type="submit"] {
    font-size: 0.95rem;
    padding: 0.9rem 0.6rem;
    white-space: normal;
    word-break: break-word;
    text-align: center;
  }

  .subscribe-title {
    font-size: 1.5rem;
  }

  .subscribe-subtext {
    font-size: 0.95rem;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2eeb90b */.section2-blurred-content {
  filter: blur(6px);
  pointer-events: none;
  user-select: none;
}

.section2-faded-blur {
  mask-image: linear-gradient(to bottom, black 60%, transparent 100%);
  -webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%);
}

.section2-solid-blur {
  mask-image: none;
  -webkit-mask-image: none;
}/* End custom CSS */