.elementor-2022 .elementor-element.elementor-element-c4a337a{--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;}.elementor-2022 .elementor-element.elementor-element-c4a337a:not(.elementor-motion-effects-element-type-background), .elementor-2022 .elementor-element.elementor-element-c4a337a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #0C064B 0%, #0C064B 100%);}.elementor-2022 .elementor-element.elementor-element-e27c42c{--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;}/* Start custom CSS for container, class: .elementor-element-c4a337a */:root{
  --bg:#0b0f14;
  --card:#151b23;
  --text:#f2f7ff;
  --muted:#c2cede;
  --brand:#20c997;     /* green */
  --brand2:#3f8cff;    /* blue */
  --border:#223043;
}

/* Page base */
body{
  background: linear-gradient(180deg,#0b0f14 0%, #0e1520 55%, #0b0f14 100%) !important;
  color: var(--text) !important;
}

/* Make headings more eye-catching */
h1,h2,h3{
  color: var(--text) !important;
  letter-spacing: .2px;
}
.section-head h2{
  background: linear-gradient(90deg, #ffffff 0%, #cfe2ff 45%, var(--brand) 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color: transparent !important;
}

/* Cards */
.card{
  background: linear-gradient(180deg, rgba(21,27,35,.95), rgba(17,22,29,.92)) !important;
  border: 1px solid var(--border) !important;
  box-shadow: 0 12px 30px rgba(0,0,0,.45) !important;
}

/* Paragraph readability */
.card p, .hint, .subtitle{
  color: var(--muted) !important;
}

/* Links: visible & nice */
a{
  color: #d7e6ff;
}
a:hover{
  color: #ffffff;
}

/* Buttons */
.btn{
  background: linear-gradient(135deg, var(--brand), #18b889) !important;
  color: #061018 !important;
}
.btn.secondary{
  background: rgba(21,27,35,.35) !important;
  color: var(--text) !important;
  border: 1px solid var(--border) !important;
}

/* Menu links hover highlight */
.navlinks a:hover{
  background: rgba(63,140,255,.14) !important;
  color: var(--text) !important;
}

/* Icons look premium (no emoji change needed) */
.icon{
  width: 28px;
  height: 28px;
  border-radius: 10px;
  background: linear-gradient(135deg, rgba(63,140,255,.18), rgba(32,201,151,.14));
  border: 1px solid rgba(63,140,255,.22);
  box-shadow: 0 10px 18px rgba(0,0,0,.25);
}/* End custom CSS */