.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* elementor-site-settings.css */

/* =========================
   1) Variables
========================= */
:root{
  --dc-bg-top: #0B0F14;
  --dc-bg-mid: #111827;
  --dc-bg-bottom: #0E1320;
  --dc-glow: rgba(124, 58, 237, 0.06);

  --dc-surface: rgba(255,255,255,0.04);
  --dc-surface-2: rgba(255,255,255,0.06);
  --dc-border: rgba(255,255,255,0.10);

  --dc-text: rgba(229,231,235,0.92);
  --dc-muted: rgba(229,231,235,0.65);

  --dc-violet: #7C3AED;
  --dc-cyan: #22D3EE;
  --dc-pink: #FF2E63;

  --dc-radius: 18px;
}

/* =========================
   2) Body background (always visible)
========================= */
html{
  background: var(--dc-bg-top);
}

html, body{
  min-height: 100%;
}

body{
  background:
    radial-gradient(rgba(255,255,255,0.015) 1px, transparent 1px),
    radial-gradient(rgba(0,0,0,0.015) 1px, transparent 1px),
    radial-gradient(600px circle at 50% 0%, var(--dc-glow), transparent 65%),
    linear-gradient(180deg, var(--dc-bg-top) 0%, var(--dc-bg-mid) 40%, var(--dc-bg-bottom) 100%) !important;

  background-size: 3px 3px, 4px 4px, auto, auto;
  background-position: 0 0, 1px 1px, 0 0, 0 0;
  background-attachment: scroll, scroll, fixed, fixed;

  color: var(--dc-text);
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
}

/* =========================
   3) IMPORTANT: Make theme wrappers transparent
   (this removes the huge dark rectangle)
========================= */
#page,
.site,
#content,
.site-content,
.site-main,
main,
.page,
.archive,
.single,
.entry-content,
.content-area,
#primary,
#secondary,
.wp-site-blocks{
  background: transparent !important;
  background-color: transparent !important;
}

/* If your theme uses containers/wrappers */
.container,
.wrap,
.site-container,
.content-wrap{
  background: transparent !important;
  background-color: transparent !important;
}

/* =========================
   4) Glass components
========================= */
.dc-card{
  background: linear-gradient(180deg, var(--dc-surface-2), var(--dc-surface));
  border: 1px solid var(--dc-border);
  border-radius: var(--dc-radius);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  box-shadow:
    0 20px 60px rgba(0,0,0,0.45),
    0 0 0 1px rgba(255,255,255,0.04) inset;
  overflow: hidden;
}

.dc-glow{
  position: relative;
}
.dc-glow::before{
  content:"";
  position:absolute;
  inset:-20px;
  background:
    radial-gradient(300px circle at 30% 20%, rgba(124,58,237,0.35), transparent 60%),
    radial-gradient(260px circle at 70% 60%, rgba(34,211,238,0.22), transparent 60%),
    radial-gradient(240px circle at 60% 10%, rgba(255,46,99,0.18), transparent 60%);
  filter: blur(18px);
  opacity: .55;
  z-index: -1;
}

.dc-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding: 12px 18px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.16);
  background: linear-gradient(90deg, rgba(124,58,237,0.95), rgba(255,46,99,0.85));
  color: #fff;
  box-shadow: 0 12px 30px rgba(124,58,237,0.25);
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}
.dc-btn:hover{
  transform: translateY(-1px);
  box-shadow: 0 18px 44px rgba(255,46,99,0.18);
  filter: saturate(1.1);
}

.dc-btn--ghost{
  background: rgba(255,255,255,0.06);
  color: var(--dc-text);
  border: 1px solid rgba(255,255,255,0.14);
  box-shadow: none;
}
.dc-btn--ghost:hover{
  transform: translateY(-1px);
  background: rgba(255,255,255,0.08);
}

.dc-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.12);
  color: var(--dc-muted);
}

.dc-card--featured{
  border-color: rgba(124,58,237,0.45);
  box-shadow:
    0 26px 70px rgba(0,0,0,0.55),
    0 0 0 1px rgba(124,58,237,0.25) inset;
}/* End custom CSS */