/* components — complete element styles, with their responsive and interaction states. */
.site-shell {
    display: flex;
    min-height: 100%;
    flex-direction: column;
}
.site-main {
    flex: 1;
    padding-bottom: calc(var(--spacing) * 16);
    @media (width >= 80rem) {
      padding-bottom: 0px;
    }
}
.offer-badge-card-2 {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: calc(infinity * 1px);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-xs);
    line-height: var(--effect-leading, var(--text-xs--line-height));
    --effect-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-white);
    --effect-shadow: 0 10px 15px -3px var(--effect-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--effect-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--effect-inset-shadow), var(--effect-inset-ring-shadow), var(--effect-ring-offset-shadow), var(--effect-ring-shadow), var(--effect-shadow);
    --effect-shadow-color: rgba(255,106,47,0.3);
    @supports (color: color-mix(in lab, red, red)) {
      --effect-shadow-color: color-mix(in oklab, rgba(255,106,47,0.3) var(--effect-shadow-alpha), transparent);
    }
  background: linear-gradient(90deg, #FF6A2F, #FF9A3C, #FF6A2F);
  background-size: 200%;
  animation: shimmer 2s linear infinite;
}
.course-status-badge-label-1 {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    border-radius: calc(infinity * 1px);
    background-color: var(--color-emerald-50);
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: var(--spacing);
    font-size: 10px;
    --effect-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-emerald-700);
}
.course-status-badge-label-2 {
    height: calc(var(--spacing) * 1.5);
    width: calc(var(--spacing) * 1.5);
    animation: var(--animate-pulse);
    border-radius: calc(infinity * 1px);
    background-color: var(--color-emerald-400);
}
.faq-card-2 {
    overflow: hidden;
    border-radius: var(--radius-2xl);
    border-style: var(--effect-border-style);
    border-width: 1px;
    border-color: color-mix(in srgb, #fff 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 60%, transparent);
    }
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.5);
}
.faq-button-3 {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 4);
    padding-inline: calc(var(--spacing) * 6);
    padding-block: calc(var(--spacing) * 4);
    text-align: left;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --effect-gradient-from, --effect-gradient-via, --effect-gradient-to;
    transition-timing-function: var(--effect-ease, var(--default-transition-timing-function));
    transition-duration: var(--effect-duration, var(--default-transition-duration));
    @media (hover: hover) {
        &:hover {
      background-color: color-mix(in oklab, #EEF2FF 50%, transparent);
        }
    }
}
.faq-label-4 {
    font-size: var(--text-sm);
    line-height: var(--effect-leading, var(--text-sm--line-height));
    --effect-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: #0D1B3E;
}
.faq-label-5 {
    flex-shrink: 0;
    font-size: var(--text-lg);
    line-height: var(--effect-leading, var(--text-lg--line-height));
    color: #0060E6;
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--effect-ease, var(--default-transition-timing-function));
    transition-duration: var(--effect-duration, var(--default-transition-duration));
}
.faq-row-6 {
    border-top-style: var(--effect-border-style);
    border-top-width: 1px;
    border-color: rgba(13,27,62,0.06);
    padding-inline: calc(var(--spacing) * 6);
    padding-bottom: calc(var(--spacing) * 4);
    font-size: var(--text-sm);
    --effect-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: #5A6A8A;
}
.faq-row-7 {
    padding-top: calc(var(--spacing) * 3);
}
.lead-form-form-7 {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 4);
    @media (width >= 40rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
.lead-form-grid-8 {
    display: contents;
    @media (width >= 40rem) {
      grid-column: span 2 / span 2;
    }
    @media (width >= 40rem) {
      display: grid;
    }
    @media (width >= 40rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    @media (width >= 40rem) {
      gap: calc(var(--spacing) * 4);
    }
}
.lead-form-input-9 {
    grid-column: span 1 / span 1;
  border: 1px solid rgba(13, 27, 62, 0.15);
  border-radius: 0.75rem;
  padding: 0.75rem 1rem;
  font-size: 0.875rem;
  background: white;
  color: #0D1B3E;
  outline: none;
  transition: border-color 0.15s, box-shadow 0.15s;
  width: 100%;
  &:focus {
  border-color: #0060E6;
  box-shadow: 0 0 0 3px rgba(0, 96, 230, 0.12);
    }
}
.lead-form-input-11 {
  border: 1px solid rgba(13, 27, 62, 0.15);
  border-radius: 0.75rem;
  padding: 0.75rem 1rem;
  font-size: 0.875rem;
  background: white;
  color: #0D1B3E;
  outline: none;
  transition: border-color 0.15s, box-shadow 0.15s;
  width: 100%;
  &:focus {
  border-color: #0060E6;
  box-shadow: 0 0 0 3px rgba(0, 96, 230, 0.12);
    }
}
.lead-form-select-12 {
  border: 1px solid rgba(13, 27, 62, 0.15);
  border-radius: 0.75rem;
  padding: 0.75rem 1rem;
  font-size: 0.875rem;
  background: white;
  color: #0D1B3E;
  outline: none;
  transition: border-color 0.15s, box-shadow 0.15s;
  width: 100%;
  &:focus {
  border-color: #0060E6;
  box-shadow: 0 0 0 3px rgba(0, 96, 230, 0.12);
    }
}
.lead-form-button-16 {
    width: 100%;
    border-radius: calc(var(--radius) + 4px);
    background-color: #FF6A2F;
    padding-block: calc(var(--spacing) * 3.5);
    font-size: var(--text-sm);
    line-height: var(--effect-leading, var(--text-sm--line-height));
    --effect-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-white);
    transition-property: all;
    transition-timing-function: var(--effect-ease, var(--default-transition-timing-function));
    transition-duration: var(--effect-duration, var(--default-transition-duration));
    @media (hover: hover) {
        &:hover {
      background-color: #e5571f;
        }
    }
    @media (hover: hover) {
        &:hover {
      --effect-shadow: 0 10px 15px -3px var(--effect-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--effect-shadow-color, rgb(0 0 0 / 0.1));
      box-shadow: var(--effect-inset-shadow), var(--effect-inset-ring-shadow), var(--effect-ring-offset-shadow), var(--effect-ring-shadow), var(--effect-shadow);
        }
    }
    @media (hover: hover) {
        &:hover {
      --effect-shadow-color: rgba(255,106,47,0.3);
        }
    }
    @media (hover: hover) {
        @supports (color: color-mix(in lab, red, red)) {
            &:hover {
        --effect-shadow-color: color-mix(in oklab, rgba(255,106,47,0.3) var(--effect-shadow-alpha), transparent);
            }
        }
    }
    &:active {
    --effect-scale-x: 95%;
    --effect-scale-y: 95%;
    --effect-scale-z: 95%;
    scale: var(--effect-scale-x) var(--effect-scale-y);
    }
    @media (width >= 40rem) {
      grid-column: span 2 / span 2;
    }
}
.lead-form-copy-17 {
    text-align: center;
    font-size: var(--text-xs);
    line-height: var(--effect-leading, var(--text-xs--line-height));
    color: #5A6A8A;
    @media (width >= 40rem) {
      grid-column: span 2 / span 2;
    }
}
.lead-form-a-18 {
    color: #0060E6;
    @media (hover: hover) {
        &:hover {
      text-decoration-line: underline;
        }
    }
}
.mobile-bottom-bar-row-1 {
    position: fixed;
    right: 0px;
    bottom: 0px;
    left: 0px;
    z-index: 50;
    @media (width >= 80rem) {
      display: none;
    }
  padding-bottom: env(safe-area-inset-bottom);
}
.mobile-bottom-bar-row-2 {
    display: flex;
    border-top-style: var(--effect-border-style);
    border-top-width: 1px;
    border-color: rgba(13,27,62,0.1);
    background-color: color-mix(in srgb, #fff 95%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 95%, transparent);
    }
    --effect-shadow: 0 25px 50px -12px var(--effect-shadow-color, rgb(0 0 0 / 0.25));
    box-shadow: var(--effect-inset-shadow), var(--effect-inset-ring-shadow), var(--effect-ring-offset-shadow), var(--effect-ring-shadow), var(--effect-shadow);
    --effect-backdrop-blur: blur(var(--blur-xl));
    -webkit-backdrop-filter: var(--effect-backdrop-blur,) var(--effect-backdrop-brightness,) var(--effect-backdrop-contrast,) var(--effect-backdrop-grayscale,) var(--effect-backdrop-hue-rotate,) var(--effect-backdrop-invert,) var(--effect-backdrop-opacity,) var(--effect-backdrop-saturate,) var(--effect-backdrop-sepia,);
    backdrop-filter: var(--effect-backdrop-blur,) var(--effect-backdrop-brightness,) var(--effect-backdrop-contrast,) var(--effect-backdrop-grayscale,) var(--effect-backdrop-hue-rotate,) var(--effect-backdrop-invert,) var(--effect-backdrop-opacity,) var(--effect-backdrop-saturate,) var(--effect-backdrop-sepia,);
}
.mobile-bottom-bar-a-3 {
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--spacing);
    padding-block: calc(var(--spacing) * 3);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --effect-gradient-from, --effect-gradient-via, --effect-gradient-to;
    transition-timing-function: var(--effect-ease, var(--default-transition-timing-function));
    transition-duration: var(--effect-duration, var(--default-transition-duration));
    @media (hover: hover) {
        &:hover {
      background-color: #F4F7FF;
        }
    }
}
.mobile-bottom-bar-label-5 {
    font-size: 10px;
    --effect-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: #0D1B3E;
}
.mobile-bottom-bar-a-6 {
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--spacing);
    border-inline-style: var(--effect-border-style);
    border-inline-width: 1px;
    border-color: rgba(13,27,62,0.07);
    padding-block: calc(var(--spacing) * 3);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --effect-gradient-from, --effect-gradient-via, --effect-gradient-to;
    transition-timing-function: var(--effect-ease, var(--default-transition-timing-function));
    transition-duration: var(--effect-duration, var(--default-transition-duration));
    @media (hover: hover) {
        &:hover {
      background-color: #F4F7FF;
        }
    }
}
.mobile-bottom-bar-icon-7 {
    height: calc(var(--spacing) * 5);
    width: calc(var(--spacing) * 5);
    color: #25D366;
}
.mobile-bottom-bar-button-9 {
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--spacing);
    background-color: #FF6A2F;
    padding-block: calc(var(--spacing) * 3);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --effect-gradient-from, --effect-gradient-via, --effect-gradient-to;
    transition-timing-function: var(--effect-ease, var(--default-transition-timing-function));
    transition-duration: var(--effect-duration, var(--default-transition-duration));
    @media (hover: hover) {
        &:hover {
      background-color: #e5571f;
        }
    }
}
.mobile-bottom-bar-label-11 {
    font-size: 10px;
    --effect-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-white);
}
.apply-modal-row-1 {
    position: fixed;
    inset: 0px;
    z-index: 200;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: calc(var(--spacing) * 4);
}
.apply-modal-row-2 {
    position: absolute;
    inset: 0px;
    background-color: color-mix(in oklab, #0D1B3E 60%, transparent);
    --effect-backdrop-blur: blur(var(--blur-md));
    -webkit-backdrop-filter: var(--effect-backdrop-blur,) var(--effect-backdrop-brightness,) var(--effect-backdrop-contrast,) var(--effect-backdrop-grayscale,) var(--effect-backdrop-hue-rotate,) var(--effect-backdrop-invert,) var(--effect-backdrop-opacity,) var(--effect-backdrop-saturate,) var(--effect-backdrop-sepia,);
    backdrop-filter: var(--effect-backdrop-blur,) var(--effect-backdrop-brightness,) var(--effect-backdrop-contrast,) var(--effect-backdrop-grayscale,) var(--effect-backdrop-hue-rotate,) var(--effect-backdrop-invert,) var(--effect-backdrop-opacity,) var(--effect-backdrop-saturate,) var(--effect-backdrop-sepia,);
}
.apply-modal-container-3 {
    position: relative;
    max-height: 90vh;
    width: 100%;
    max-width: var(--container-lg);
    overflow-y: auto;
    border-radius: var(--radius-3xl);
    border-style: var(--effect-border-style);
    border-width: 1px;
    border-color: color-mix(in srgb, #fff 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 60%, transparent);
    }
    --effect-shadow: 0 25px 50px -12px var(--effect-shadow-color, rgb(0 0 0 / 0.25));
    box-shadow: var(--effect-inset-shadow), var(--effect-inset-ring-shadow), var(--effect-ring-offset-shadow), var(--effect-ring-shadow), var(--effect-shadow);
    --effect-shadow-color: rgba(0,96,230,0.2);
    @supports (color: color-mix(in lab, red, red)) {
      --effect-shadow-color: color-mix(in oklab, rgba(0,96,230,0.2) var(--effect-shadow-alpha), transparent);
    }
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.5);
}
.apply-modal-card-4 {
    position: sticky;
    top: 0px;
    z-index: 10;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    border-top-left-radius: var(--radius-3xl);
    border-top-right-radius: var(--radius-3xl);
    border-bottom-style: var(--effect-border-style);
    border-bottom-width: 1px;
    border-color: rgba(13,27,62,0.08);
    padding-inline: calc(var(--spacing) * 6);
    padding-block: calc(var(--spacing) * 4);
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.5);
}
.apply-modal-heading-5 {
    font-size: var(--text-xl);
    line-height: var(--effect-leading, var(--text-xl--line-height));
    --effect-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: #0D1B3E;
}
.apply-modal-copy-6 {
    margin-top: calc(var(--spacing) * 0.5);
    font-size: var(--text-sm);
    line-height: var(--effect-leading, var(--text-sm--line-height));
    color: #5A6A8A;
}
.apply-modal-button-7 {
    margin-top: calc(var(--spacing) * 0.5);
    margin-left: calc(var(--spacing) * 4);
    display: flex;
    height: calc(var(--spacing) * 8);
    width: calc(var(--spacing) * 8);
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: calc(var(--radius) + 4px);
    background-color: #EEF2FF;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --effect-gradient-from, --effect-gradient-via, --effect-gradient-to;
    transition-timing-function: var(--effect-ease, var(--default-transition-timing-function));
    transition-duration: var(--effect-duration, var(--default-transition-duration));
    @media (hover: hover) {
        &:hover {
      background-color: #E0E7FF;
        }
    }
}
.apply-modal-icon-8 {
    height: calc(var(--spacing) * 4);
    width: calc(var(--spacing) * 4);
    color: #5A6A8A;
}
.apply-modal-row-9 {
    padding-inline: calc(var(--spacing) * 6);
    padding-block: calc(var(--spacing) * 5);
}
.faq-row-1 {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.apply-modal-grid-17 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: calc(var(--spacing) * 3);
}
.apply-modal-input-18 {
    grid-column: span 2 / span 2;
    @media (width >= 40rem) {
      grid-column: span 1 / span 1;
    }
  border: 1px solid rgba(13, 27, 62, 0.15);
  border-radius: 0.75rem;
  padding: 0.75rem 1rem;
  font-size: 0.875rem;
  background: white;
  color: #0D1B3E;
  outline: none;
  transition: border-color 0.15s, box-shadow 0.15s;
  width: 100%;
  &:focus {
  border-color: #0060E6;
  box-shadow: 0 0 0 3px rgba(0, 96, 230, 0.12);
    }
}
.apply-modal-input-20 {
  border: 1px solid rgba(13, 27, 62, 0.15);
  border-radius: 0.75rem;
  padding: 0.75rem 1rem;
  font-size: 0.875rem;
  background: white;
  color: #0D1B3E;
  outline: none;
  transition: border-color 0.15s, box-shadow 0.15s;
  width: 100%;
  &:focus {
  border-color: #0060E6;
  box-shadow: 0 0 0 3px rgba(0, 96, 230, 0.12);
    }
}
.apply-modal-select-21 {
  border: 1px solid rgba(13, 27, 62, 0.15);
  border-radius: 0.75rem;
  padding: 0.75rem 1rem;
  font-size: 0.875rem;
  background: white;
  color: #0D1B3E;
  outline: none;
  transition: border-color 0.15s, box-shadow 0.15s;
  width: 100%;
  &:focus {
  border-color: #0060E6;
  box-shadow: 0 0 0 3px rgba(0, 96, 230, 0.12);
    }
}
.apply-modal-select-24 {
    grid-column: span 2 / span 2;
    @media (width >= 40rem) {
      grid-column: span 1 / span 1;
    }
  border: 1px solid rgba(13, 27, 62, 0.15);
  border-radius: 0.75rem;
  padding: 0.75rem 1rem;
  font-size: 0.875rem;
  background: white;
  color: #0D1B3E;
  outline: none;
  transition: border-color 0.15s, box-shadow 0.15s;
  width: 100%;
  &:focus {
  border-color: #0060E6;
  box-shadow: 0 0 0 3px rgba(0, 96, 230, 0.12);
    }
}
.apply-modal-textarea-26 {
    resize: none;
  border: 1px solid rgba(13, 27, 62, 0.15);
  border-radius: 0.75rem;
  padding: 0.75rem 1rem;
  font-size: 0.875rem;
  background: white;
  color: #0D1B3E;
  outline: none;
  transition: border-color 0.15s, box-shadow 0.15s;
  width: 100%;
  &:focus {
  border-color: #0060E6;
  box-shadow: 0 0 0 3px rgba(0, 96, 230, 0.12);
    }
}
.apply-modal-button-27 {
    width: 100%;
    border-radius: calc(var(--radius) + 4px);
    background-color: #FF6A2F;
    padding-block: calc(var(--spacing) * 3.5);
    font-size: var(--text-sm);
    line-height: var(--effect-leading, var(--text-sm--line-height));
    --effect-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: var(--color-white);
    transition-property: all;
    transition-timing-function: var(--effect-ease, var(--default-transition-timing-function));
    transition-duration: var(--effect-duration, var(--default-transition-duration));
    @media (hover: hover) {
        &:hover {
      background-color: #e5571f;
        }
    }
    @media (hover: hover) {
        &:hover {
      --effect-shadow: 0 10px 15px -3px var(--effect-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--effect-shadow-color, rgb(0 0 0 / 0.1));
      box-shadow: var(--effect-inset-shadow), var(--effect-inset-ring-shadow), var(--effect-ring-offset-shadow), var(--effect-ring-shadow), var(--effect-shadow);
        }
    }
    @media (hover: hover) {
        &:hover {
      --effect-shadow-color: rgba(255,106,47,0.3);
        }
    }
    @media (hover: hover) {
        @supports (color: color-mix(in lab, red, red)) {
            &:hover {
        --effect-shadow-color: color-mix(in oklab, rgba(255,106,47,0.3) var(--effect-shadow-alpha), transparent);
            }
        }
    }
    &:active {
    --effect-scale-x: 95%;
    --effect-scale-y: 95%;
    --effect-scale-z: 95%;
    scale: var(--effect-scale-x) var(--effect-scale-y);
    }
}
.apply-modal-row-28 {
    margin-top: calc(var(--spacing) * 5);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: calc(var(--spacing) * 4);
    border-top-style: var(--effect-border-style);
    border-top-width: 1px;
    border-color: rgba(13,27,62,0.08);
    padding-top: calc(var(--spacing) * 4);
}
.apply-modal-a-29 {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    font-size: var(--text-xs);
    line-height: var(--effect-leading, var(--text-xs--line-height));
    --effect-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: #0060E6;
    @media (hover: hover) {
        &:hover {
      text-decoration-line: underline;
        }
    }
}
.apply-modal-icon-30 {
    height: calc(var(--spacing) * 3.5);
    width: calc(var(--spacing) * 3.5);
}
.apply-modal-label-33 {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    font-size: var(--text-xs);
    line-height: var(--effect-leading, var(--text-xs--line-height));
    color: #5A6A8A;
}
.lead-form-row-1 {
    padding-block: calc(var(--spacing) * 12);
    text-align: center;
}
.lead-form-card-2 {
    margin-inline: auto;
    margin-bottom: calc(var(--spacing) * 4);
    display: flex;
    height: calc(var(--spacing) * 16);
    width: calc(var(--spacing) * 16);
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    --effect-gradient-position: to bottom right in oklab;
    background-image: linear-gradient(var(--effect-gradient-stops));
    --effect-gradient-from: #0060E6;
    --effect-gradient-to: #00C2E8;
    --effect-gradient-stops: var(--effect-gradient-via-stops, var(--effect-gradient-position), var(--effect-gradient-from) var(--effect-gradient-from-position), var(--effect-gradient-to) var(--effect-gradient-to-position));
}
.lead-form-icon-3 {
    height: calc(var(--spacing) * 8);
    width: calc(var(--spacing) * 8);
    color: var(--color-white);
}
.lead-form-heading-4 {
    margin-bottom: calc(var(--spacing) * 2);
    font-size: var(--text-xl);
    line-height: var(--effect-leading, var(--text-xl--line-height));
    --effect-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: #0D1B3E;
}
.lead-form-copy-5 {
    color: #5A6A8A;
}
.lead-form-a-6 {
    margin-top: calc(var(--spacing) * 4);
    display: inline-block;
    border-radius: calc(var(--radius) + 4px);
    background-color: #25D366;
    padding-inline: calc(var(--spacing) * 6);
    padding-block: calc(var(--spacing) * 2.5);
    --effect-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-white);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --effect-gradient-from, --effect-gradient-via, --effect-gradient-to;
    transition-timing-function: var(--effect-ease, var(--default-transition-timing-function));
    transition-duration: var(--effect-duration, var(--default-transition-duration));
    @media (hover: hover) {
        &:hover {
      background-color: #1ebe5d;
        }
    }
}
.breadcrumb-nav-1 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    font-size: var(--text-xs);
    line-height: var(--effect-leading, var(--text-xs--line-height));
    color: #5A6A8A;
}
.breadcrumb-label-2 {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
}
.breadcrumb-link-4 {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --effect-gradient-from, --effect-gradient-via, --effect-gradient-to;
    transition-timing-function: var(--effect-ease, var(--default-transition-timing-function));
    transition-duration: var(--effect-duration, var(--default-transition-duration));
    @media (hover: hover) {
        &:hover {
      color: #0060E6;
        }
    }
}
.breadcrumb-label-3 {
    color: #0060E6;
}
.breadcrumb-label-5 {
    --effect-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: #0D1B3E;
}
.offer-badge-card-2-variant-2 {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: calc(infinity * 1px);
    padding-inline: calc(var(--spacing) * 5);
    padding-block: calc(var(--spacing) * 2.5);
    font-size: var(--text-sm);
    line-height: var(--effect-leading, var(--text-sm--line-height));
    --effect-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-white);
    --effect-shadow: 0 10px 15px -3px var(--effect-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--effect-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--effect-inset-shadow), var(--effect-inset-ring-shadow), var(--effect-ring-offset-shadow), var(--effect-ring-shadow), var(--effect-shadow);
    --effect-shadow-color: rgba(255,106,47,0.3);
    @supports (color: color-mix(in lab, red, red)) {
      --effect-shadow-color: color-mix(in oklab, rgba(255,106,47,0.3) var(--effect-shadow-alpha), transparent);
    }
  background: linear-gradient(90deg, #FF6A2F, #FF9A3C, #FF6A2F);
  background-size: 200%;
  animation: shimmer 2s linear infinite;
}
.course-status-badge-label-1-variant-2 {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    border-radius: calc(infinity * 1px);
    background-color: var(--color-amber-50);
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: var(--spacing);
    font-size: 10px;
    --effect-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-amber-700);
}
.course-status-badge-label-2-variant-2 {
    height: calc(var(--spacing) * 1.5);
    width: calc(var(--spacing) * 1.5);
    animation: var(--animate-pulse);
    border-radius: calc(infinity * 1px);
    background-color: var(--color-amber-400);
}
.course-page-template-hero-section-2 {
    position: relative;
    overflow: hidden;
    --effect-gradient-position: to bottom right in oklab;
    background-image: linear-gradient(var(--effect-gradient-stops));
    --effect-gradient-from: #0060E6;
    --effect-gradient-via: #0040c0;
    --effect-gradient-via-stops: var(--effect-gradient-position), var(--effect-gradient-from) var(--effect-gradient-from-position), var(--effect-gradient-via) var(--effect-gradient-via-position), var(--effect-gradient-to) var(--effect-gradient-to-position);
    --effect-gradient-to: #0D1B3E;
    --effect-gradient-stops: var(--effect-gradient-via-stops, var(--effect-gradient-position), var(--effect-gradient-from) var(--effect-gradient-from-position), var(--effect-gradient-to) var(--effect-gradient-to-position));
    padding-block: calc(var(--spacing) * 16);
}
.course-page-template-hero-row-3 {
    position: absolute;
    inset: 0px;
    opacity: 20%;
  background-image: linear-gradient(rgba(0, 102, 255, 0.06) 1px, transparent 1px), linear-gradient(90deg, rgba(0, 102, 255, 0.06) 1px, transparent 1px);
  background-size: 40px 40px;
}
.course-page-template-hero-container-4 {
    position: relative;
    margin-inline: auto;
    max-width: var(--container-7xl);
    padding-inline: calc(var(--spacing) * 4);
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 6);
    }
}
.course-page-template-hero-grid-5 {
    margin-top: calc(var(--spacing) * 6);
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    align-items: flex-start;
    gap: calc(var(--spacing) * 12);
    @media (width >= 64rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
.course-page-template-hero-card-6 {
    margin-bottom: calc(var(--spacing) * 5);
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: calc(infinity * 1px);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-xs);
    line-height: var(--effect-leading, var(--text-xs--line-height));
    --effect-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-white);
    --effect-shadow: 0 10px 15px -3px var(--effect-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--effect-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--effect-inset-shadow), var(--effect-inset-ring-shadow), var(--effect-ring-offset-shadow), var(--effect-ring-shadow), var(--effect-shadow);
  background: linear-gradient(90deg, #FF6A2F, #FF9A3C, #FF6A2F);
  background-size: 200%;
  animation: shimmer 2s linear infinite;
}
.course-page-template-hero-heading-7 {
    margin-bottom: calc(var(--spacing) * 4);
    font-size: var(--text-3xl);
    --effect-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    --effect-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: var(--color-white);
    @media (width >= 40rem) {
      font-size: var(--text-4xl);
      line-height: var(--effect-leading, var(--text-4xl--line-height));
    }
    @media (width >= 64rem) {
      font-size: var(--text-5xl);
      line-height: var(--effect-leading, var(--text-5xl--line-height));
    }
}
.course-page-template-hero-copy-8 {
    margin-bottom: calc(var(--spacing) * 6);
    font-size: var(--text-lg);
    --effect-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: color-mix(in srgb, #fff 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 80%, transparent);
    }
}
.course-page-template-hero-button-10 {
    border-radius: calc(var(--radius) + 4px);
    background-color: var(--color-white);
    padding-inline: calc(var(--spacing) * 6);
    padding-block: calc(var(--spacing) * 3);
    font-size: var(--text-sm);
    line-height: var(--effect-leading, var(--text-sm--line-height));
    --effect-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: #0060E6;
    transition-property: all;
    transition-timing-function: var(--effect-ease, var(--default-transition-timing-function));
    transition-duration: var(--effect-duration, var(--default-transition-duration));
    @media (hover: hover) {
        &:hover {
      background-color: #EEF2FF;
        }
    }
    @media (hover: hover) {
        &:hover {
      --effect-shadow: 0 10px 15px -3px var(--effect-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--effect-shadow-color, rgb(0 0 0 / 0.1));
      box-shadow: var(--effect-inset-shadow), var(--effect-inset-ring-shadow), var(--effect-ring-offset-shadow), var(--effect-ring-shadow), var(--effect-shadow);
        }
    }
}
.course-page-template-hero-a-11 {
    border-radius: calc(var(--radius) + 4px);
    border-style: var(--effect-border-style);
    border-width: 2px;
    border-color: color-mix(in srgb, #fff 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 60%, transparent);
    }
    padding-inline: calc(var(--spacing) * 6);
    padding-block: calc(var(--spacing) * 3);
    font-size: var(--text-sm);
    line-height: var(--effect-leading, var(--text-sm--line-height));
    --effect-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-white);
    transition-property: all;
    transition-timing-function: var(--effect-ease, var(--default-transition-timing-function));
    transition-duration: var(--effect-duration, var(--default-transition-duration));
    @media (hover: hover) {
        &:hover {
      border-color: var(--color-white);
        }
    }
}
.course-page-template-hero-grid-12 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: calc(var(--spacing) * 4);
}
.course-page-template-hero-card-13 {
    border-radius: var(--radius-2xl);
    padding: calc(var(--spacing) * 4);
  background: rgba(13, 27, 62, 0.85);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.course-page-template-hero-icon-14 {
    margin-bottom: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 5);
    width: calc(var(--spacing) * 5);
    color: #00C2E8;
}
.course-page-template-hero-row-15 {
    margin-bottom: var(--spacing);
    font-size: var(--text-xs);
    line-height: var(--effect-leading, var(--text-xs--line-height));
    color: #8CA3CC;
}
.course-page-template-hero-row-16 {
    font-size: var(--text-sm);
    line-height: var(--effect-leading, var(--text-sm--line-height));
    --effect-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-white);
}
.course-page-template-hero-card-17 {
    grid-column: span 2 / span 2;
    border-radius: var(--radius-2xl);
    padding: calc(var(--spacing) * 4);
  background: rgba(13, 27, 62, 0.85);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.course-page-template-hero-row-18 {
    margin-bottom: calc(var(--spacing) * 2);
    font-size: var(--text-xs);
    line-height: var(--effect-leading, var(--text-xs--line-height));
    color: #8CA3CC;
}
.course-page-template-hero-label-20 {
    border-radius: var(--radius);
    background-color: color-mix(in srgb, #fff 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: var(--spacing);
    font-size: var(--text-xs);
    line-height: var(--effect-leading, var(--text-xs--line-height));
    --effect-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-white);
}
.course-page-template-hero-card-21 {
    grid-column: span 2 / span 2;
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    border-radius: var(--radius-2xl);
    padding: calc(var(--spacing) * 4);
  background: rgba(13, 27, 62, 0.85);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.course-page-template-hero-icon-22 {
    height: calc(var(--spacing) * 6);
    width: calc(var(--spacing) * 6);
    flex-shrink: 0;
    color: #00C2E8;
}
.course-page-template-hero-row-24 {
    font-size: var(--text-xs);
    line-height: var(--effect-leading, var(--text-xs--line-height));
    color: #8CA3CC;
}
.course-page-template-description-section-25 {
    background-color: var(--color-white);
    padding-block: calc(var(--spacing) * 14);
}
.course-page-template-description-container-27 {
    max-width: var(--container-3xl);
}
.course-page-template-description-heading-28 {
    margin-bottom: calc(var(--spacing) * 4);
    font-size: var(--text-2xl);
    line-height: var(--effect-leading, var(--text-2xl--line-height));
    --effect-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: #0D1B3E;
}
.course-page-template-description-copy-29 {
    font-size: var(--text-base);
    --effect-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: #5A6A8A;
}
.course-page-template-what-you-will-learn-section-30 {
    background-color: #F4F7FF;
    padding-block: calc(var(--spacing) * 14);
  background-image: radial-gradient(circle, rgba(0, 194, 232, 0.15) 1px, transparent 1px);
  background-size: 28px 28px;
}
.course-page-template-what-you-will-learn-heading-32 {
    margin-bottom: calc(var(--spacing) * 8);
    font-size: var(--text-2xl);
    line-height: var(--effect-leading, var(--text-2xl--line-height));
    --effect-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: #0D1B3E;
}
.course-page-template-what-you-will-learn-grid-33 {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 4);
    @media (width >= 40rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    @media (width >= 64rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
.course-page-template-what-you-will-learn-card-34 {
    display: flex;
    align-items: flex-start;
    gap: calc(var(--spacing) * 3);
    border-radius: var(--radius-2xl);
    border-style: var(--effect-border-style);
    border-width: 1px;
    border-color: rgba(13,27,62,0.07);
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 4);
    transition-property: all;
    transition-timing-function: var(--effect-ease, var(--default-transition-timing-function));
    transition-duration: var(--effect-duration, var(--default-transition-duration));
    @media (hover: hover) {
        &:hover {
      border-color: color-mix(in oklab, #0060E6 20%, transparent);
        }
    }
    @media (hover: hover) {
        &:hover {
      --effect-shadow: 0 10px 15px -3px var(--effect-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--effect-shadow-color, rgb(0 0 0 / 0.1));
      box-shadow: var(--effect-inset-shadow), var(--effect-inset-ring-shadow), var(--effect-ring-offset-shadow), var(--effect-ring-shadow), var(--effect-shadow);
        }
    }
}
.course-page-template-what-you-will-learn-card-35 {
    margin-top: calc(var(--spacing) * 0.5);
    display: flex;
    height: calc(var(--spacing) * 6);
    width: calc(var(--spacing) * 6);
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    --effect-gradient-position: to bottom right in oklab;
    background-image: linear-gradient(var(--effect-gradient-stops));
    --effect-gradient-from: #0060E6;
    --effect-gradient-to: #00C2E8;
    --effect-gradient-stops: var(--effect-gradient-via-stops, var(--effect-gradient-position), var(--effect-gradient-from) var(--effect-gradient-from-position), var(--effect-gradient-to) var(--effect-gradient-to-position));
}
.course-page-template-what-you-will-learn-label-36 {
    font-size: var(--text-xs);
    line-height: var(--effect-leading, var(--text-xs--line-height));
    --effect-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-white);
}
.course-page-template-what-you-will-learn-label-37 {
    font-size: var(--text-sm);
    line-height: var(--effect-leading, var(--text-sm--line-height));
    --effect-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: #0D1B3E;
}
.course-page-template-curriculum-grid-41 {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 6);
    @media (width >= 48rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    @media (width >= 64rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
.course-page-template-curriculum-card-42 {
    border-radius: var(--radius-2xl);
    border-style: var(--effect-border-style);
    border-width: 1px;
    border-color: rgba(13,27,62,0.08);
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 5);
    transition-property: all;
    transition-timing-function: var(--effect-ease, var(--default-transition-timing-function));
    transition-duration: var(--effect-duration, var(--default-transition-duration));
    @media (hover: hover) {
        &:hover {
      border-color: color-mix(in oklab, #0060E6 20%, transparent);
        }
    }
    @media (hover: hover) {
        &:hover {
      --effect-shadow: 0 10px 15px -3px var(--effect-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--effect-shadow-color, rgb(0 0 0 / 0.1));
      box-shadow: var(--effect-inset-shadow), var(--effect-inset-ring-shadow), var(--effect-ring-offset-shadow), var(--effect-ring-shadow), var(--effect-shadow);
        }
    }
}
.course-page-template-curriculum-row-43 {
    margin-bottom: calc(var(--spacing) * 4);
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 3);
}
.course-page-template-curriculum-card-44 {
    display: flex;
    height: calc(var(--spacing) * 8);
    width: calc(var(--spacing) * 8);
    align-items: center;
    justify-content: center;
    border-radius: calc(var(--radius) + 4px);
    --effect-gradient-position: to bottom right in oklab;
    background-image: linear-gradient(var(--effect-gradient-stops));
    --effect-gradient-from: #0060E6;
    --effect-gradient-to: #00C2E8;
    --effect-gradient-stops: var(--effect-gradient-via-stops, var(--effect-gradient-position), var(--effect-gradient-from) var(--effect-gradient-from-position), var(--effect-gradient-to) var(--effect-gradient-to-position));
    font-size: var(--text-xs);
    line-height: var(--effect-leading, var(--text-xs--line-height));
    --effect-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: var(--color-white);
}
.course-page-template-curriculum-li-47 {
    display: flex;
    gap: calc(var(--spacing) * 2);
    font-size: var(--text-xs);
    line-height: var(--effect-leading, var(--text-xs--line-height));
    color: #5A6A8A;
}
.course-page-template-curriculum-label-48 {
    flex-shrink: 0;
    color: #00C2E8;
}
.course-page-template-projects-section-49 {
    position: relative;
    overflow: hidden;
    --effect-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--effect-gradient-stops));
    --effect-gradient-from: #0D1B3E;
    --effect-gradient-to: #0D2A5E;
    --effect-gradient-stops: var(--effect-gradient-via-stops, var(--effect-gradient-position), var(--effect-gradient-from) var(--effect-gradient-from-position), var(--effect-gradient-to) var(--effect-gradient-to-position));
    padding-block: calc(var(--spacing) * 14);
}
.course-page-template-projects-heading-52 {
    margin-bottom: calc(var(--spacing) * 8);
    font-size: var(--text-2xl);
    line-height: var(--effect-leading, var(--text-2xl--line-height));
    --effect-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: var(--color-white);
}
.course-page-template-projects-grid-53 {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 5);
    @media (width >= 40rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    @media (width >= 64rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
.course-page-template-projects-card-54 {
    border-radius: var(--radius-2xl);
    border-style: var(--effect-border-style);
    border-width: 1px;
    border-color: color-mix(in srgb, #fff 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
    padding: calc(var(--spacing) * 5);
    transition-property: all;
    transition-timing-function: var(--effect-ease, var(--default-transition-timing-function));
    transition-duration: var(--effect-duration, var(--default-transition-duration));
    @media (hover: hover) {
        &:hover {
      border-color: color-mix(in oklab, #00C2E8 30%, transparent);
        }
    }
  background: rgba(13, 27, 62, 0.85);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.course-page-template-projects-card-55 {
    margin-bottom: calc(var(--spacing) * 3);
    display: flex;
    height: calc(var(--spacing) * 10);
    width: calc(var(--spacing) * 10);
    align-items: center;
    justify-content: center;
    border-radius: calc(var(--radius) + 4px);
    background-color: color-mix(in oklab, #00C2E8 20%, transparent);
    font-size: var(--text-lg);
    line-height: var(--effect-leading, var(--text-lg--line-height));
    --effect-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: #00C2E8;
}
.course-page-template-projects-heading-56 {
    margin-bottom: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--effect-leading, var(--text-sm--line-height));
    --effect-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-white);
}
.course-page-template-projects-copy-57 {
    font-size: var(--text-xs);
    --effect-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: #8CA3CC;
}
.course-page-template-career-outcomes-section-58 {
    background-color: #F4F7FF;
    padding-block: calc(var(--spacing) * 14);
}
.course-page-template-career-outcomes-grid-61 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: calc(var(--spacing) * 4);
    @media (width >= 40rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    @media (width >= 64rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}
.course-page-template-career-outcomes-card-62 {
    border-radius: var(--radius-2xl);
    border-style: var(--effect-border-style);
    border-width: 1px;
    border-color: rgba(13,27,62,0.07);
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 5);
    text-align: center;
    transition-property: all;
    transition-timing-function: var(--effect-ease, var(--default-transition-timing-function));
    transition-duration: var(--effect-duration, var(--default-transition-duration));
    @media (hover: hover) {
        &:hover {
      --effect-translate-y: calc(var(--spacing) * -1);
      translate: var(--effect-translate-x) var(--effect-translate-y);
        }
    }
    @media (hover: hover) {
        &:hover {
      border-color: color-mix(in oklab, #0060E6 20%, transparent);
        }
    }
    @media (hover: hover) {
        &:hover {
      --effect-shadow: 0 10px 15px -3px var(--effect-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--effect-shadow-color, rgb(0 0 0 / 0.1));
      box-shadow: var(--effect-inset-shadow), var(--effect-inset-ring-shadow), var(--effect-ring-offset-shadow), var(--effect-ring-shadow), var(--effect-shadow);
        }
    }
}
.course-page-template-career-outcomes-card-63 {
    margin-inline: auto;
    margin-bottom: calc(var(--spacing) * 3);
    display: flex;
    height: calc(var(--spacing) * 10);
    width: calc(var(--spacing) * 10);
    align-items: center;
    justify-content: center;
    border-radius: calc(var(--radius) + 4px);
    --effect-gradient-position: to bottom right in oklab;
    background-image: linear-gradient(var(--effect-gradient-stops));
    --effect-gradient-from: #EEF2FF;
    --effect-gradient-to: #E0E7FF;
    --effect-gradient-stops: var(--effect-gradient-via-stops, var(--effect-gradient-position), var(--effect-gradient-from) var(--effect-gradient-from-position), var(--effect-gradient-to) var(--effect-gradient-to-position));
}
.course-page-template-who-can-join-offer-card-grid-68 {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    align-items: flex-start;
    gap: calc(var(--spacing) * 14);
    @media (width >= 64rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
.course-page-template-who-can-join-offer-card-heading-69 {
    margin-bottom: calc(var(--spacing) * 6);
    font-size: var(--text-2xl);
    line-height: var(--effect-leading, var(--text-2xl--line-height));
    --effect-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: #0D1B3E;
}
.course-page-template-who-can-join-offer-card-card-71 {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    border-radius: calc(var(--radius) + 4px);
    padding: calc(var(--spacing) * 4);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --effect-gradient-from, --effect-gradient-via, --effect-gradient-to;
    transition-timing-function: var(--effect-ease, var(--default-transition-timing-function));
    transition-duration: var(--effect-duration, var(--default-transition-duration));
    @media (hover: hover) {
        &:hover {
      background-color: #F4F7FF;
        }
    }
}
.course-page-template-who-can-join-offer-card-icon-72 {
    height: calc(var(--spacing) * 5);
    width: calc(var(--spacing) * 5);
    flex-shrink: 0;
    color: #0060E6;
}
.course-page-template-who-can-join-offer-card-card-76 {
    margin-inline: auto;
    margin-bottom: calc(var(--spacing) * 4);
    display: flex;
    height: calc(var(--spacing) * 12);
    width: calc(var(--spacing) * 12);
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-2xl);
    background-color: #EEF2FF;
}
.course-page-template-who-can-join-offer-card-icon-77 {
    height: calc(var(--spacing) * 6);
    width: calc(var(--spacing) * 6);
    color: #0060E6;
}
.course-page-template-who-can-join-offer-card-heading-78 {
    margin-bottom: calc(var(--spacing) * 2);
    font-size: var(--text-xl);
    line-height: var(--effect-leading, var(--text-xl--line-height));
    --effect-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: #0D1B3E;
}
.course-page-template-who-can-join-offer-card-card-79 {
    margin-top: calc(var(--spacing) * 2);
    margin-bottom: calc(var(--spacing) * 4);
    display: inline-block;
    border-radius: var(--radius-2xl);
    padding-inline: calc(var(--spacing) * 6);
    padding-block: calc(var(--spacing) * 3);
    font-size: var(--text-2xl);
    line-height: var(--effect-leading, var(--text-2xl--line-height));
    --effect-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: var(--color-white);
    --effect-shadow: 0 10px 15px -3px var(--effect-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--effect-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--effect-inset-shadow), var(--effect-inset-ring-shadow), var(--effect-ring-offset-shadow), var(--effect-ring-shadow), var(--effect-shadow);
  background: linear-gradient(90deg, #FF6A2F, #FF9A3C, #FF6A2F);
  background-size: 200%;
  animation: shimmer 2s linear infinite;
}
.course-page-template-who-can-join-offer-card-copy-80 {
    margin-bottom: calc(var(--spacing) * 6);
    font-size: var(--text-sm);
    line-height: var(--effect-leading, var(--text-sm--line-height));
    color: #5A6A8A;
}
.course-page-template-who-can-join-offer-card-row-81 {
    margin-bottom: calc(var(--spacing) * 6);
    text-align: left;
    font-size: var(--text-sm);
    line-height: var(--effect-leading, var(--text-sm--line-height));
}
.course-page-template-who-can-join-offer-card-row-82 {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
}
.course-page-template-who-can-join-offer-card-icon-83 {
    height: calc(var(--spacing) * 4);
    width: calc(var(--spacing) * 4);
    flex-shrink: 0;
    color: #0060E6;
}
.course-page-template-who-can-join-offer-card-button-85 {
    display: block;
    width: 100%;
    border-radius: var(--radius-2xl);
    background-color: #FF6A2F;
    padding-block: calc(var(--spacing) * 4);
    font-size: var(--text-sm);
    line-height: var(--effect-leading, var(--text-sm--line-height));
    --effect-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: var(--color-white);
    transition-property: all;
    transition-timing-function: var(--effect-ease, var(--default-transition-timing-function));
    transition-duration: var(--effect-duration, var(--default-transition-duration));
    @media (hover: hover) {
        &:hover {
      background-color: #e5571f;
        }
    }
    @media (hover: hover) {
        &:hover {
      --effect-shadow: 0 20px 25px -5px var(--effect-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--effect-shadow-color, rgb(0 0 0 / 0.1));
      box-shadow: var(--effect-inset-shadow), var(--effect-inset-ring-shadow), var(--effect-ring-offset-shadow), var(--effect-ring-shadow), var(--effect-shadow);
        }
    }
    @media (hover: hover) {
        &:hover {
      --effect-shadow-color: rgba(255,106,47,0.3);
        }
    }
    @media (hover: hover) {
        @supports (color: color-mix(in lab, red, red)) {
            &:hover {
        --effect-shadow-color: color-mix(in oklab, rgba(255,106,47,0.3) var(--effect-shadow-alpha), transparent);
            }
        }
    }
}
.course-page-template-placement-support-strip-section-86 {
    background-color: #EEF2FF;
    padding-block: calc(var(--spacing) * 10);
}
.course-page-template-placement-support-strip-row-88 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 6);
    @media (width >= 40rem) {
      flex-direction: row;
    }
}
.course-page-template-placement-support-strip-row-89 {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 4);
}
.course-page-template-placement-support-strip-card-90 {
    display: flex;
    height: calc(var(--spacing) * 12);
    width: calc(var(--spacing) * 12);
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: calc(var(--radius) + 4px);
    background-color: #0060E6;
}
.course-page-template-placement-support-strip-heading-92 {
    font-size: var(--text-xl);
    line-height: var(--effect-leading, var(--text-xl--line-height));
    --effect-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: #0D1B3E;
}
.course-page-template-placement-support-strip-row-93 {
    margin-top: var(--spacing);
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 3);
}
.course-page-template-placement-support-strip-label-94 {
    display: flex;
    align-items: center;
    gap: var(--spacing);
    font-size: var(--text-xs);
    line-height: var(--effect-leading, var(--text-xs--line-height));
    color: #5A6A8A;
}
.course-page-template-placement-support-strip-icon-95 {
    height: calc(var(--spacing) * 3);
    width: calc(var(--spacing) * 3);
    color: #0060E6;
}
.course-page-template-placement-support-strip-link-96 {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: calc(var(--radius) + 4px);
    background-color: #0060E6;
    padding-inline: calc(var(--spacing) * 7);
    padding-block: calc(var(--spacing) * 3);
    font-size: var(--text-sm);
    line-height: var(--effect-leading, var(--text-sm--line-height));
    --effect-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    white-space: nowrap;
    color: var(--color-white);
    transition-property: all;
    transition-timing-function: var(--effect-ease, var(--default-transition-timing-function));
    transition-duration: var(--effect-duration, var(--default-transition-duration));
    @media (hover: hover) {
        &:hover {
      background-color: #004cc4;
        }
    }
}
.course-page-template-counselling-form-section-98 {
    background-color: #F4F7FF;
    padding-block: calc(var(--spacing) * 16);
}
.course-page-template-counselling-form-card-100 {
    border-radius: var(--radius-3xl);
    border-style: var(--effect-border-style);
    border-width: 1px;
    border-color: rgba(13,27,62,0.07);
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 8);
    --effect-shadow: 0 20px 25px -5px var(--effect-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--effect-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--effect-inset-shadow), var(--effect-inset-ring-shadow), var(--effect-ring-offset-shadow), var(--effect-ring-shadow), var(--effect-shadow);
    --effect-shadow-color: rgba(0,96,230,0.06);
    @supports (color: color-mix(in lab, red, red)) {
      --effect-shadow-color: color-mix(in oklab, rgba(0,96,230,0.06) var(--effect-shadow-alpha), transparent);
    }
}
.course-page-template-related-courses-grid-110 {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 5);
    @media (width >= 40rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
.course-page-template-related-courses-link-111 {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 4);
    border-radius: var(--radius-2xl);
    border-style: var(--effect-border-style);
    border-width: 1px;
    border-color: rgba(13,27,62,0.07);
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 5);
    transition-property: all;
    transition-timing-function: var(--effect-ease, var(--default-transition-timing-function));
    transition-duration: var(--effect-duration, var(--default-transition-duration));
    @media (hover: hover) {
        &:hover {
      border-color: color-mix(in oklab, #0060E6 30%, transparent);
        }
    }
    @media (hover: hover) {
        &:hover {
      --effect-shadow: 0 10px 15px -3px var(--effect-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--effect-shadow-color, rgb(0 0 0 / 0.1));
      box-shadow: var(--effect-inset-shadow), var(--effect-inset-ring-shadow), var(--effect-ring-offset-shadow), var(--effect-ring-shadow), var(--effect-shadow);
        }
    }
}
.course-page-template-related-courses-card-112 {
    display: flex;
    height: calc(var(--spacing) * 10);
    width: calc(var(--spacing) * 10);
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: calc(var(--radius) + 4px);
    background-color: #EEF2FF;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --effect-gradient-from, --effect-gradient-via, --effect-gradient-to;
    transition-timing-function: var(--effect-ease, var(--default-transition-timing-function));
    transition-duration: var(--effect-duration, var(--default-transition-duration));
    @media (hover: hover) {
        &:is(:where(.interactive-card):hover *) {
      background-color: color-mix(in oklab, #0060E6 10%, transparent);
        }
    }
}
.course-page-template-related-courses-row-114 {
    font-size: var(--text-sm);
    line-height: var(--effect-leading, var(--text-sm--line-height));
    --effect-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: #0D1B3E;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --effect-gradient-from, --effect-gradient-via, --effect-gradient-to;
    transition-timing-function: var(--effect-ease, var(--default-transition-timing-function));
    transition-duration: var(--effect-duration, var(--default-transition-duration));
    @media (hover: hover) {
        &:is(:where(.interactive-card):hover *) {
      color: #0060E6;
        }
    }
}
.course-page-template-related-courses-row-115 {
    margin-top: var(--spacing);
    font-size: var(--text-xs);
    line-height: var(--effect-leading, var(--text-xs--line-height));
    color: #5A6A8A;
}
.course-page-template-hero-section-2-variant-2 {
    position: relative;
    overflow: hidden;
    --effect-gradient-position: to bottom right in oklab;
    background-image: linear-gradient(var(--effect-gradient-stops));
    --effect-gradient-from: #7C3AED;
    --effect-gradient-via: #4F46E5;
    --effect-gradient-via-stops: var(--effect-gradient-position), var(--effect-gradient-from) var(--effect-gradient-from-position), var(--effect-gradient-via) var(--effect-gradient-via-position), var(--effect-gradient-to) var(--effect-gradient-to-position);
    --effect-gradient-to: #0D1B3E;
    --effect-gradient-stops: var(--effect-gradient-via-stops, var(--effect-gradient-position), var(--effect-gradient-from) var(--effect-gradient-from-position), var(--effect-gradient-to) var(--effect-gradient-to-position));
    padding-block: calc(var(--spacing) * 16);
}
.course-page-template-hero-section-2-variant-3 {
    position: relative;
    overflow: hidden;
    --effect-gradient-position: to bottom right in oklab;
    background-image: linear-gradient(var(--effect-gradient-stops));
    --effect-gradient-from: #059669;
    --effect-gradient-via: #0D9488;
    --effect-gradient-via-stops: var(--effect-gradient-position), var(--effect-gradient-from) var(--effect-gradient-from-position), var(--effect-gradient-via) var(--effect-gradient-via-position), var(--effect-gradient-to) var(--effect-gradient-to-position);
    --effect-gradient-to: #0D1B3E;
    --effect-gradient-stops: var(--effect-gradient-via-stops, var(--effect-gradient-position), var(--effect-gradient-from) var(--effect-gradient-from-position), var(--effect-gradient-to) var(--effect-gradient-to-position));
    padding-block: calc(var(--spacing) * 16);
}
.course-page-template-hero-section-2-variant-4 {
    position: relative;
    overflow: hidden;
    --effect-gradient-position: to bottom right in oklab;
    background-image: linear-gradient(var(--effect-gradient-stops));
    --effect-gradient-from: #DB2777;
    --effect-gradient-via: #E97627;
    --effect-gradient-via-stops: var(--effect-gradient-position), var(--effect-gradient-from) var(--effect-gradient-from-position), var(--effect-gradient-via) var(--effect-gradient-via-position), var(--effect-gradient-to) var(--effect-gradient-to-position);
    --effect-gradient-to: #0D1B3E;
    --effect-gradient-stops: var(--effect-gradient-via-stops, var(--effect-gradient-position), var(--effect-gradient-from) var(--effect-gradient-from-position), var(--effect-gradient-to) var(--effect-gradient-to-position));
    padding-block: calc(var(--spacing) * 16);
}
.course-page-template-hero-section-2-variant-5 {
    position: relative;
    overflow: hidden;
    --effect-gradient-position: to bottom right in oklab;
    background-image: linear-gradient(var(--effect-gradient-stops));
    --effect-gradient-from: #D97706;
    --effect-gradient-via: #EA580C;
    --effect-gradient-via-stops: var(--effect-gradient-position), var(--effect-gradient-from) var(--effect-gradient-from-position), var(--effect-gradient-via) var(--effect-gradient-via-position), var(--effect-gradient-to) var(--effect-gradient-to-position);
    --effect-gradient-to: #0D1B3E;
    --effect-gradient-stops: var(--effect-gradient-via-stops, var(--effect-gradient-position), var(--effect-gradient-from) var(--effect-gradient-from-position), var(--effect-gradient-to) var(--effect-gradient-to-position));
    padding-block: calc(var(--spacing) * 16);
}
.coming-soon-content-section-2 {
    position: relative;
    overflow: hidden;
    --effect-gradient-position: to bottom right in oklab;
    background-image: linear-gradient(var(--effect-gradient-stops));
    --effect-gradient-from: #475569;
    --effect-gradient-to: #1E293B;
    --effect-gradient-stops: var(--effect-gradient-via-stops, var(--effect-gradient-position), var(--effect-gradient-from) var(--effect-gradient-from-position), var(--effect-gradient-to) var(--effect-gradient-to-position));
    padding-block: calc(var(--spacing) * 20);
}
.coming-soon-content-container-4 {
    position: relative;
    margin-inline: auto;
    max-width: var(--container-5xl);
    padding-inline: calc(var(--spacing) * 4);
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 6);
    }
}
.coming-soon-content-card-6 {
    margin-bottom: calc(var(--spacing) * 6);
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: calc(infinity * 1px);
    border-style: var(--effect-border-style);
    border-width: 1px;
    border-color: color-mix(in srgb, #fff 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 30%, transparent);
    }
    background-color: color-mix(in srgb, #fff 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
    }
    padding-inline: calc(var(--spacing) * 5);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--effect-leading, var(--text-sm--line-height));
    --effect-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-white);
}
.coming-soon-content-heading-8 {
    margin-bottom: calc(var(--spacing) * 5);
    font-size: var(--text-3xl);
    line-height: var(--effect-leading, var(--text-3xl--line-height));
    --effect-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: var(--color-white);
    @media (width >= 40rem) {
      font-size: var(--text-5xl);
      line-height: var(--effect-leading, var(--text-5xl--line-height));
    }
}
.coming-soon-content-copy-9 {
    margin-inline: auto;
    margin-bottom: calc(var(--spacing) * 8);
    max-width: var(--container-xl);
    font-size: var(--text-lg);
    line-height: var(--effect-leading, var(--text-lg--line-height));
    color: color-mix(in srgb, #fff 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 80%, transparent);
    }
}
.coming-soon-content-row-10 {
    margin-bottom: calc(var(--spacing) * 10);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: calc(var(--spacing) * 2);
}
.coming-soon-content-label-11 {
    border-radius: var(--radius);
    border-style: var(--effect-border-style);
    border-width: 1px;
    border-color: color-mix(in srgb, #fff 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 25%, transparent);
    }
    background-color: color-mix(in srgb, #fff 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 15%, transparent);
    }
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 1.5);
    font-size: var(--text-xs);
    line-height: var(--effect-leading, var(--text-xs--line-height));
    --effect-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-white);
}
.coming-soon-content-a-13 {
    border-radius: calc(var(--radius) + 4px);
    background-color: var(--color-white);
    padding-inline: calc(var(--spacing) * 8);
    padding-block: calc(var(--spacing) * 4);
    font-size: var(--text-sm);
    line-height: var(--effect-leading, var(--text-sm--line-height));
    --effect-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: #0060E6;
    transition-property: all;
    transition-timing-function: var(--effect-ease, var(--default-transition-timing-function));
    transition-duration: var(--effect-duration, var(--default-transition-duration));
    @media (hover: hover) {
        &:hover {
      --effect-shadow: 0 20px 25px -5px var(--effect-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--effect-shadow-color, rgb(0 0 0 / 0.1));
      box-shadow: var(--effect-inset-shadow), var(--effect-inset-ring-shadow), var(--effect-ring-offset-shadow), var(--effect-ring-shadow), var(--effect-shadow);
        }
    }
}
.coming-soon-quick-facts-grid-17 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: calc(var(--spacing) * 5);
    @media (width >= 40rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}
.coming-soon-quick-facts-card-18 {
    border-radius: var(--radius-2xl);
    border-style: var(--effect-border-style);
    border-width: 1px;
    border-color: rgba(13,27,62,0.07);
    background-color: #F4F7FF;
    padding: calc(var(--spacing) * 5);
    text-align: center;
    transition-property: all;
    transition-timing-function: var(--effect-ease, var(--default-transition-timing-function));
    transition-duration: var(--effect-duration, var(--default-transition-duration));
    @media (hover: hover) {
        &:hover {
      --effect-shadow: 0 10px 15px -3px var(--effect-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--effect-shadow-color, rgb(0 0 0 / 0.1));
      box-shadow: var(--effect-inset-shadow), var(--effect-inset-ring-shadow), var(--effect-ring-offset-shadow), var(--effect-ring-shadow), var(--effect-shadow);
        }
    }
}
.coming-soon-quick-facts-card-19 {
    margin-inline: auto;
    margin-bottom: calc(var(--spacing) * 2);
    display: flex;
    height: calc(var(--spacing) * 9);
    width: calc(var(--spacing) * 9);
    align-items: center;
    justify-content: center;
    border-radius: calc(var(--radius) + 4px);
    border-style: var(--effect-border-style);
    border-width: 1px;
    border-color: rgba(13,27,62,0.08);
    background-color: var(--color-white);
}
.coming-soon-quick-facts-row-21 {
    margin-bottom: var(--spacing);
    font-size: var(--text-xs);
    line-height: var(--effect-leading, var(--text-xs--line-height));
    color: #5A6A8A;
}
.coming-soon-quick-facts-card-23 {
    margin-top: calc(var(--spacing) * 8);
    border-radius: var(--radius-2xl);
    border-style: var(--effect-border-style);
    border-width: 1px;
    border-color: rgba(13,27,62,0.07);
    background-color: #F4F7FF;
    padding: calc(var(--spacing) * 6);
}
.coming-soon-quick-facts-copy-24 {
    text-align: center;
    font-size: var(--text-sm);
    --effect-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: #5A6A8A;
}
.coming-soon-waitlist-form-section-34 {
    background-color: var(--color-white);
    padding-block: calc(var(--spacing) * 10);
}
.coming-soon-waitlist-form-container-35 {
    margin-inline: auto;
    max-width: var(--container-4xl);
    padding-inline: calc(var(--spacing) * 4);
    text-align: center;
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 6);
    }
}
.coming-soon-waitlist-form-copy-36 {
    margin-bottom: calc(var(--spacing) * 4);
    font-size: var(--text-sm);
    line-height: var(--effect-leading, var(--text-sm--line-height));
    color: #5A6A8A;
}
.coming-soon-waitlist-form-link-37 {
    display: inline-block;
    border-radius: calc(var(--radius) + 4px);
    background-color: #0060E6;
    padding-inline: calc(var(--spacing) * 8);
    padding-block: calc(var(--spacing) * 3.5);
    font-size: var(--text-sm);
    line-height: var(--effect-leading, var(--text-sm--line-height));
    --effect-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-white);
    transition-property: all;
    transition-timing-function: var(--effect-ease, var(--default-transition-timing-function));
    transition-duration: var(--effect-duration, var(--default-transition-duration));
    @media (hover: hover) {
        &:hover {
      background-color: #004cc4;
        }
    }
}
.coming-soon-content-section-2-variant-2 {
    position: relative;
    overflow: hidden;
    --effect-gradient-position: to bottom right in oklab;
    background-image: linear-gradient(var(--effect-gradient-stops));
    --effect-gradient-from: #7C3AED;
    --effect-gradient-to: #9333EA;
    --effect-gradient-stops: var(--effect-gradient-via-stops, var(--effect-gradient-position), var(--effect-gradient-from) var(--effect-gradient-from-position), var(--effect-gradient-to) var(--effect-gradient-to-position));
    padding-block: calc(var(--spacing) * 20);
}
.coming-soon-content-section-2-variant-3 {
    position: relative;
    overflow: hidden;
    --effect-gradient-position: to bottom right in oklab;
    background-image: linear-gradient(var(--effect-gradient-stops));
    --effect-gradient-from: #0060E6;
    --effect-gradient-to: #7C3AED;
    --effect-gradient-stops: var(--effect-gradient-via-stops, var(--effect-gradient-position), var(--effect-gradient-from) var(--effect-gradient-from-position), var(--effect-gradient-to) var(--effect-gradient-to-position));
    padding-block: calc(var(--spacing) * 20);
}
.coming-soon-content-section-2-variant-4 {
    position: relative;
    overflow: hidden;
    --effect-gradient-position: to bottom right in oklab;
    background-image: linear-gradient(var(--effect-gradient-stops));
    --effect-gradient-from: #E11D48;
    --effect-gradient-to: #F59E0B;
    --effect-gradient-stops: var(--effect-gradient-via-stops, var(--effect-gradient-position), var(--effect-gradient-from) var(--effect-gradient-from-position), var(--effect-gradient-to) var(--effect-gradient-to-position));
    padding-block: calc(var(--spacing) * 20);
}
.coming-soon-content-section-2-variant-5 {
    position: relative;
    overflow: hidden;
    --effect-gradient-position: to bottom right in oklab;
    background-image: linear-gradient(var(--effect-gradient-stops));
    --effect-gradient-from: #059669;
    --effect-gradient-to: #0D9488;
    --effect-gradient-stops: var(--effect-gradient-via-stops, var(--effect-gradient-position), var(--effect-gradient-from) var(--effect-gradient-from-position), var(--effect-gradient-to) var(--effect-gradient-to-position));
    padding-block: calc(var(--spacing) * 20);
}
.coming-soon-content-section-2-variant-6 {
    position: relative;
    overflow: hidden;
    --effect-gradient-position: to bottom right in oklab;
    background-image: linear-gradient(var(--effect-gradient-stops));
    --effect-gradient-from: #0D9488;
    --effect-gradient-to: #0891B2;
    --effect-gradient-stops: var(--effect-gradient-via-stops, var(--effect-gradient-position), var(--effect-gradient-from) var(--effect-gradient-from-position), var(--effect-gradient-to) var(--effect-gradient-to-position));
    padding-block: calc(var(--spacing) * 20);
}
.site-div {
    display: flex;
    min-height: 100vh;
    align-items: center;
    justify-content: center;
    background-color: #F4F7FF;
    padding-top: calc(var(--spacing) * 20);
}
.site-div-variant-2 {
    padding-inline: calc(var(--spacing) * 4);
    text-align: center;
}
.site-div-variant-3 {
    font-size: var(--text-8xl);
    line-height: var(--effect-leading, var(--text-8xl--line-height));
    --effect-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: #EEF2FF;
}
.site-h1 {
    margin-top: calc(var(--spacing) * 4);
    margin-bottom: calc(var(--spacing) * 3);
    font-size: var(--text-2xl);
    line-height: var(--effect-leading, var(--text-2xl--line-height));
    --effect-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: #0D1B3E;
}
.site-p {
    margin-bottom: calc(var(--spacing) * 8);
    color: #5A6A8A;
}
.site-a {
    border-radius: calc(var(--radius) + 4px);
    background-color: #0060E6;
    padding-inline: calc(var(--spacing) * 8);
    padding-block: calc(var(--spacing) * 3.5);
    --effect-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-white);
    transition-property: all;
    transition-timing-function: var(--effect-ease, var(--default-transition-timing-function));
    transition-duration: var(--effect-duration, var(--default-transition-duration));
    @media (hover: hover) {
        &:hover {
      background-color: #004cc4;
        }
    }
}