.elementor-3843 .elementor-element.elementor-element-63186c6{--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-3843 .elementor-element.elementor-element-63186c6.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-3843 .elementor-element.elementor-element-bd13f35{width:100%;max-width:100%;}.elementor-3843 .elementor-element.elementor-element-bd13f35.elementor-element{--flex-grow:1;--flex-shrink:0;}@media(min-width:768px){.elementor-3843 .elementor-element.elementor-element-63186c6{--width:117.368%;}}/* Start custom CSS for html, class: .elementor-element-bd13f35 *//* ===============================
   CA EPIC SANCTUARY - CLEAN FINAL CSS
================================ */

html,
body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}

body,
.site,
.site-content,
.content-area,
.elementor-location-single,
.elementor-section-wrap,
.elementor-section,
.elementor-container,
.elementor-widget-container {
  background: #02040a !important;
}

/* MAIN WRAPPER */

.ca-hud {
  position: relative;
  width: 100vw !important;
  min-height: 100vh;
  overflow: hidden;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  padding: 70px 4vw 140px !important;
  box-sizing: border-box;
  color: #eaf7ff;
  display: flex;
  justify-content: center;
  background:
    linear-gradient(rgba(2,6,14,.32), rgba(2,6,14,.55)),
    url(https://www.cryptoapostles.nl/wp-content/uploads/2026/05/epic-bg2.png)
    center center / cover no-repeat;
  font-family: Inter, Arial, sans-serif;
}

.ca-hud__bg {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(0,225,255,.022) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0,225,255,.022) 1px, transparent 1px);
  background-size: 42px 42px;
  opacity: .12;
  pointer-events: none;
}

.ca-hud__fog {
  position: absolute;
  width: 760px;
  height: 760px;
  border-radius: 50%;
  filter: blur(120px);
  opacity: .10;
  pointer-events: none;
  mix-blend-mode: screen;
}

.ca-hud__fog--left {
  left: -260px;
  top: 120px;
  background: rgba(0,180,255,.38);
}

.ca-hud__fog--right {
  right: -320px;
  bottom: -180px;
  background: rgba(212,175,55,.18);
}

.ca-cursor-glow {
  position: absolute;
  width: 520px;
  height: 520px;
  border-radius: 50%;
  pointer-events: none;
  background: radial-gradient(
    circle,
    rgba(0,225,255,.14) 0%,
    rgba(0,225,255,.06) 28%,
    transparent 68%
  );
  transform: translate(-50%, -50%);
  filter: blur(18px);
  opacity: 0;
  z-index: 2;
  transition: opacity .2s ease;
}

/* CENTERED SCALE */

.ca-hud__frame {
  position: relative;
  z-index: 5;
  width: 100%;
  max-width: 1680px;
  margin: 0 auto;
  transform: scale(.80);
  transform-origin: top center;
}

/* LAYOUT */

.ca-hud__top {
  display: grid;
  grid-template-columns: 1.45fr .82fr;
  gap: 26px;
  margin-bottom: 26px;
}

.ca-hud__tools {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 26px;
  margin-bottom: 26px;
}

.ca-hud__bottom {
  display: grid;
  grid-template-columns: 1.2fr .8fr;
  gap: 26px;
}

/* PANELS */

.hud-panel {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(0,225,255,.16);
  background: rgba(0,0,0,.10);
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  box-shadow:
    inset 0 0 18px rgba(0,225,255,.025),
    0 0 12px rgba(0,225,255,.08);
  border-radius: 4px 28px 4px 28px;
}

.hud-panel::before {
  content: "";
  position: absolute;
  inset: 14px;
  border: 1px solid rgba(0,225,255,.05);
  opacity: .65;
  pointer-events: none;
  border-radius: 2px 20px 2px 20px;
}

.hud-panel::after {
  content: "";
  position: absolute;
  top: -60%;
  left: -120%;
  width: 55%;
  height: 220%;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(160,245,255,.12),
    transparent
  );
  transform: rotate(18deg);
  opacity: 0;
  pointer-events: none;
}

.hud-panel:hover::after {
  animation: caPanelShimmer .9s ease-out forwards;
}

@keyframes caPanelShimmer {
  from {
    left: -120%;
    opacity: .65;
  }

  to {
    left: 140%;
    opacity: 0;
  }
}

/* CORNERS */

.hud-corner {
  position: absolute;
  width: 58px;
  height: 58px;
  pointer-events: none;
}

.hud-corner--tl {
  top: 0;
  left: 0;
  border-top: 2px solid rgba(0,225,255,.42);
  border-left: 2px solid rgba(0,225,255,.42);
  box-shadow: 0 0 10px rgba(0,225,255,.14);
}

.hud-corner--br {
  right: 0;
  bottom: 0;
  border-right: 2px solid rgba(0,225,255,.42);
  border-bottom: 2px solid rgba(0,225,255,.42);
  box-shadow: 0 0 10px rgba(0,225,255,.14);
}

/* HERO */

.ca-hud__hero {
  min-height: 320px;
  padding: 58px 70px;
  background: transparent !important;
}

.hud-kicker {
  margin: 0 0 22px;
  color: #d4af37;
  font-size: 12px;
  letter-spacing: 5px;
  text-transform: uppercase;
}

.ca-hud__hero h1 {
  margin: 0;
  color: #eaf7ff;
  font-size: clamp(54px,5vw,92px);
  line-height: .9;
  text-transform: uppercase;
  letter-spacing: 14px;
  font-weight: 500;
  text-shadow:
    0 0 18px rgba(0,225,255,.42),
    0 0 40px rgba(0,225,255,.18);
}

.hud-welcome,
.hud-subtitle {
  font-size: 15px !important;
  line-height: 1.6;
  letter-spacing: 4px;
  font-weight: 500;
  text-transform: uppercase;
}

.hud-welcome {
  margin-top: 28px;
  color: rgba(234,247,255,.78);
}

.hud-subtitle {
  margin-top: 18px;
  color: rgba(234,247,255,.66);
}

/* MARKET */

.ca-hud__market {
  padding: 28px;
  background: transparent !important;
}

.hud-panel-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 18px;
  position: relative;
  z-index: 2;
}

.hud-panel-head span {
  color: #d4af37;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 4px;
}

.hud-panel-head b {
  color: #31ff77;
  font-size: 12px;
  text-shadow: 0 0 16px rgba(49,255,119,.7);
}

.hud-clock {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
  padding: 12px 14px;
  border: 1px solid rgba(0,225,255,.20);
  background: rgba(0,8,18,.20);
}

.hud-clock span {
  display: block;
  color: #eaf7ff;
  font-size: 13px;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.hud-clock small {
  display: block;
  margin-top: 4px;
  color: rgba(234,247,255,.48);
  font-size: 10px;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.hud-clock strong {
  color: #9ff3ff;
  font-size: 18px;
  letter-spacing: 3px;
  text-shadow: 0 0 14px rgba(0,225,255,.5);
}

/* TRADINGVIEW */

.hud-tv {
  position: relative;
  z-index: 2;
  overflow: hidden;
  border: 1px solid rgba(0,225,255,.10);
  border-radius: 3px 18px 3px 18px;
  background: transparent !important;
}

.hud-tv,
.tradingview-widget-container,
.tradingview-widget-container__widget,
.hud-tv iframe {
  width: 100% !important;
}

.hud-tv iframe {
  min-height: 300px !important;
}

/* TOOL CARDS */

.hud-tool {
  position: relative;
  min-height: 185px;
  padding: 26px 32px 44px;
  display: grid;
  grid-template-columns: 125px minmax(0,1fr);
  gap: 26px;
  align-items: center;
  color: #eaf7ff;
  text-decoration: none;
  transition:
    transform .22s ease,
    border-color .22s ease,
    box-shadow .22s ease;
  background: transparent !important;
}

.hud-tool:hover {
  transform: translateY(-4px) scale(1.01);
  border-color: rgba(0,225,255,.55) !important;
  box-shadow: 0 0 20px rgba(0,225,255,.10);
}

.hud-number {
  position: absolute;
  top: 20px;
  left: 26px;
  color: #9ff3ff;
  font-size: 15px;
  letter-spacing: 3px;
}

/* ICONS */

.hud-orbit {
  position: relative;
  width: 104px;
  height: 104px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: transparent !important;
  box-shadow: none !important;
  transition: transform .22s ease, filter .22s ease;
}

.hud-orbit::before,
.hud-orbit::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  border: 1px solid rgba(0,225,255,.24);
  background: transparent !important;
  pointer-events: none;
}

.hud-orbit::before {
  inset: 0;
  opacity: .55;
}

.hud-orbit::after {
  inset: 18px;
  opacity: .38;
}

.hud-orbit svg {
  display: block;
  width: 92px;
  height: 92px;
  background: transparent !important;
  fill: none !important;
  filter: drop-shadow(0 0 8px rgba(0,225,255,.45));
}

.hud-orbit svg *,
.hud-orbit circle,
.hud-orbit path,
.hud-orbit rect {
  fill: none !important;
  stroke: #00dfff !important;
  stroke-width: 1.6 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

.hud-ring {
  opacity: .55 !important;
}

.hud-ring--inner {
  opacity: .42 !important;
}

.hud-tool:hover .hud-orbit {
  transform: scale(1.08);
  filter:
    drop-shadow(0 0 10px rgba(0,225,255,.55))
    drop-shadow(0 0 24px rgba(0,225,255,.25));
}

.hud-tool:active .hud-orbit {
  transform: scale(.93);
}

/* TOOL TEXT */

.hud-tool h2 {
  margin: 0 0 12px;
  color: #eaf7ff;
  font-size: 23px;
  line-height: 1.15;
  text-transform: uppercase;
  letter-spacing: 4px;
}

.hud-tool p {
  margin: 0;
  color: rgba(234,247,255,.72);
  font-size: 13px;
  line-height: 1.5;
}

.hud-open {
  display: none !important;
}

/* GOALS + QUICK */

.hud-goals,
.hud-quick {
  padding: 34px;
  background: transparent !important;
}

.hud-goals-grid {
  display: grid;
  grid-template-columns: 1fr .9fr;
  gap: 36px;
}

.hud-goals h3 {
  margin: 22px 0 18px;
  color: #eaf7ff;
  font-size: 28px;
  letter-spacing: 3px;
  text-transform: uppercase;
}

.hud-goals input {
  width: 100%;
  max-width: 520px;
  padding: 15px 18px;
  border: 1px solid rgba(0,225,255,.25);
  background: rgba(0,8,18,.25);
  color: #eaf7ff;
  outline: none;
}

.hud-goal-actions {
  display: flex;
  gap: 12px;
  margin-top: 14px;
}

.hud-goal-actions button {
  padding: 13px 18px;
  border: 1px solid rgba(212,175,55,.75);
  background: rgba(212,175,55,.10);
  color: #f4d56b;
  cursor: pointer;
  text-transform: uppercase;
}

#savedGoalText {
  color: #9ff3ff;
}

/* SNAPSHOT */

.hud-portfolio-snapshot {
  padding: 24px;
  border: 1px solid rgba(0,225,255,.12);
  background: rgba(0,8,18,.12);
}

.hud-snapshot-label {
  display: block;
  margin-bottom: 18px;
  color: #d4af37;
  text-transform: uppercase;
  letter-spacing: 4px;
  font-size: 11px;
}

.hud-snapshot-grid {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 14px;
}

.hud-snapshot-grid div {
  padding: 14px;
  border: 1px solid rgba(0,225,255,.12);
  background: rgba(0,8,18,.16);
}

.hud-snapshot-grid small {
  display: block;
  margin-bottom: 7px;
  color: rgba(234,247,255,.55);
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 10px;
}

.hud-snapshot-grid strong {
  color: #9ff3ff;
  font-size: 20px;
  text-shadow: 0 0 12px rgba(0,225,255,.38);
}

.hud-snapshot-note {
  margin-top: 14px;
  color: rgba(234,247,255,.58);
  font-size: 12px;
}

/* QUICK */

.hud-quick {
  display: grid;
  gap: 14px;
}

.hud-quick a {
  display: flex;
  justify-content: space-between;
  padding: 15px 18px;
  border-bottom: 1px solid rgba(0,225,255,.16);
  color: #eaf7ff;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.hud-quick a span {
  color: #00dfff;
}

/* HEADER GLASS */

.elementor-element-a396f91 {
  position: relative !important;
  z-index: 9999 !important;
  background: rgba(2,6,14,.22) !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border-bottom: 1px solid rgba(0,225,255,.12) !important;
  box-shadow: 0 0 24px rgba(0,225,255,.08) !important;
}

.elementor-element-a396f91,
.elementor-element-a396f91 .e-con-inner,
.elementor-element-a396f91 .e-con,
.elementor-element-a396f91 .elementor-widget-container,
.elementor-element-a396f91 nav,
.elementor-element-a396f91 ul,
.elementor-element-a396f91 li {
  background-color: transparent !important;
}

.elementor-element-a396f91 a,
.elementor-element-a396f91 .elementor-heading-title {
  color: #eaf7ff !important;
}

.elementor-element-a396f91 a:hover {
  color: #9ff3ff !important;
  text-shadow: 0 0 12px rgba(0,225,255,.55);
}

/* RESPONSIVE */

@media(max-width:1200px) {
  .ca-hud__frame {
    transform: none;
  }

  .ca-hud__top,
  .ca-hud__tools,
  .ca-hud__bottom {
    grid-template-columns: 1fr !important;
  }
}

@media(max-width:700px) {
  .ca-hud {
    padding: 42px 16px !important;
  }

  .ca-hud__hero {
    padding: 38px 28px;
  }

  .ca-hud__hero h1 {
    letter-spacing: 4px;
  }

  .hud-tool {
    grid-template-columns: 1fr !important;
  }
}/* End custom CSS */