.elementor-1148 .elementor-element.elementor-element-c998a69{--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-1148 .elementor-element.elementor-element-c998a69:not(.elementor-motion-effects-element-type-background), .elementor-1148 .elementor-element.elementor-element-c998a69 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://vijayguptaadvisory.com/wp-content/uploads/2026/01/reco-scaled.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}/* Start custom CSS for container, class: .elementor-element-c998a69 *//* ==========================================
   VGA CLIENT TERMINAL — GALACTIC VAULT UI
   Brand: Vijay Gupta Advisory™

   SYSTEMS:
   • Fixed Space Background Layer
   • Floating Holographic Card
   • NeuroScan Line™
   • Edge Flux™
   • Anti-Gravity Glow™
   • Liquid Capsule Rail™

   CLEAN BUILD:
   • No universal .elementor-1148 .elementor-element.elementor-element-c998a69s
   • No unknown properties
   • WordPress / Elementor Safe
========================================== */

/* ================================
   ROOT SHELL — FIXED GALAXY FIELD
================================ */
.vga-shell {
  width: 100%;
  min-height: 100vh;
  padding: 80px 26px 160px;
  margin: 0 auto;

  background:
    radial-gradient(circle at center, rgba(0,255,255,0.12), rgba(0,0,20,0.95)),
    url("/wp-content/uploads/galaxy-bg.jpg");

  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;

  box-sizing: border-box;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #eafffb;

  position: relative;
  overflow-x: hidden;
}

/* ================================
   TERMINAL HEADER
================================ */
.vga-terminal-header {
  position: sticky;
  top: 20px;
  z-index: 80;

  display: flex;
  justify-content: space-between;
  align-items: center;

  margin-bottom: 60px;
  padding: 22px 36px;
  border-radius: 999px;

  background:
    linear-gradient(135deg, rgba(5,20,40,0.95), rgba(5,40,60,0.9));

  border: 1px solid rgba(0,255,220,0.7);

  box-shadow:
    0 0 80px rgba(0,255,220,0.7),
    inset 0 0 30px rgba(0,255,220,0.3);
}

/* ================================
   BRAND
================================ */
.vga-terminal-brand {
  font-weight: 900;
  font-size: 14px;
  letter-spacing: 6px;
  text-transform: uppercase;
  color: #9ffff0;

  text-shadow:
    0 0 14px rgba(0,255,220,1),
    0 0 40px rgba(0,255,220,0.6);
}

/* ================================
   LOGOUT BUTTON
================================ */
.vga-logout-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;

  padding: 12px 34px;
  border-radius: 999px;

  font-weight: 900;
  font-size: 13px;
  text-decoration: none;
  color: #001b14;

  background: linear-gradient(135deg, #00ffe1, #00b28c);

  box-shadow:
    0 0 40px rgba(0,255,220,1),
    inset 0 0 16px rgba(255,255,255,0.5);

  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.vga-logout-btn:hover {
  transform: scale(1.15);
  box-shadow:
    0 0 80px rgba(0,255,220,1),
    inset 0 0 28px rgba(255,255,255,0.7);
}

/* ================================
   RECOMMENDATION CARD — FLOATING VAULT
================================ */
.vga-reco-card {
  max-width: 900px;
  margin: 0 auto 180px;

  position: relative;
  overflow: hidden;

  background:
    linear-gradient(180deg, rgba(0,255,220,0.15), rgba(5,0,30,0.95)),
    radial-gradient(circle at top, rgba(0,255,255,0.35), rgba(5,0,30,0.98) 75%);

  border-radius: 48px;
  padding: 100px 52px 70px;

  border: 1px solid rgba(140,255,255,0.9);

  box-shadow:
    0 0 160px rgba(0,255,255,0.8),
    0 120px 320px rgba(0,0,0,1),
    inset 0 0 90px rgba(0,255,255,0.35);

  animation: vgaBreath 8s ease-in-out infinite;
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.vga-reco-card:hover {
  transform: translateY(-14px) scale(1.03);
  box-shadow:
    0 0 240px rgba(0,255,255,1),
    0 160px 420px rgba(0,0,0,1),
    inset 0 0 120px rgba(0,255,255,0.45);
}

/* ================================
   EDGE FLUX — ENERGY BORDER
================================ */
.vga-reco-card::after {
  content: "";
  position: absolute;

  top: 0;
  left: 0;
  right: 0;
  bottom: 0;

  border-radius: inherit;

  background: linear-gradient(
    90deg,
    transparent,
    rgba(0,255,255,0.6),
    transparent
  );

  opacity: 0.5;
  animation: vgaEdgeFlux 12s linear infinite;
  pointer-events: none;
}

/* ================================
   ANTI-GRAVITY GLOW
================================ */
.vga-reco-card::before {
  content: "";
  position: absolute;

  left: 12%;
  right: 12%;
  bottom: -90px;
  height: 120px;

  background: radial-gradient(
    ellipse at center,
    rgba(0,255,255,0.7),
    rgba(0,255,255,0.2),
    transparent 70%
  );

  filter: blur(50px);
  opacity: 0.9;
  animation: vgaHoverAura 6s ease-in-out infinite;
  pointer-events: none;
}

/* ================================
   NEUROSCAN LINE
================================ */
.vga-neuroscan {
  position: absolute;
  top: -120%;
  left: 0;
  width: 100%;
  height: 120%;

  background: linear-gradient(
    to bottom,
    rgba(0,255,255,0),
    rgba(0,255,255,0.25),
    rgba(0,255,255,0)
  );

  filter: blur(3px);
  animation: vgaNeuroScan 7s linear infinite;
  pointer-events: none;
}

/* ================================
   BRAND STAMP
================================ */
.vga-stamp {
  position: absolute;
  top: 32px;
  left: 52px;
  z-index: 5;

  padding: 12px 36px;
  border-radius: 999px;

  font-size: 12px;
  font-weight: 900;
  letter-spacing: 5px;
  text-transform: uppercase;

  color: #002017;

  background: linear-gradient(135deg, #bffff7, #00ffe1);

  box-shadow:
    0 0 60px rgba(0,255,255,1),
    inset 0 0 20px rgba(255,255,255,0.6);
}

/* ================================
   CARD HEADER
================================ */
.vga-card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 36px;
}

.vga-card-header strong {
  font-size: 34px;
  font-weight: 900;

  color: #ffffff;
  text-shadow:
    0 0 20px rgba(0,255,255,1),
    0 0 60px rgba(0,255,255,0.7);
}

.vga-time {
  font-size: 12px;
  letter-spacing: 2px;
  color: #bffff7;
}

/* ================================
   SEGMENT BADGE
================================ */
.vga-badge {
  display: inline-block;
  margin-bottom: 42px;
  padding: 14px 40px;
  border-radius: 999px;

  font-size: 13px;
  font-weight: 900;
  letter-spacing: 3px;

  color: #001f17;
  background: linear-gradient(135deg, #bffff7, #00ffd5);

  box-shadow:
    0 0 60px rgba(0,255,255,1),
    inset 0 0 22px rgba(255,255,255,0.6);
}

/* ================================
   VGA LIQUID CAPSULE RAIL
================================ */
.vga-bar {
  position: relative;
  display: flex;
  overflow: hidden;
  border-radius: 999px;
  margin: 48px 0 70px;

  background: linear-gradient(135deg, #020b14, #04001a);
  border: 1px solid rgba(0,255,255,0.7);

  box-shadow:
    0 0 120px rgba(0,255,255,0.9),
    inset 0 0 46px rgba(0,255,255,0.4);
}

.vga-bar::after {
  content: "";
  position: absolute;

  top: 0;
  left: -150%;
  width: 150%;
  height: 100%;

  background: linear-gradient(
    110deg,
    transparent,
    rgba(255,255,255,0.4),
    transparent
  );

  animation: vgaLiquidFlow 4s linear infinite;
  pointer-events: none;
}

.vga-bar span {
  flex: 1;
  padding: 28px 12px;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  font-size: 16px;
  font-weight: 900;
  text-transform: uppercase;
  color: #ffffff;
}

.vga-bar span::before {
  content: attr(data-label);
  font-size: 10px;
  letter-spacing: 4px;
  opacity: 0.9;
  margin-bottom: 8px;
}

.vga-bar span:not(:last-child) {
  border-right: 1px solid rgba(255,255,255,0.3);
}

/* STOP LOSS */
.vga-bar .sl {
  background: linear-gradient(135deg, #7a1025, #ff4d6d);
}

/* ENTRY */
.vga-bar .entry {
  background: linear-gradient(135deg, #00205f, #3b82f6);
}

/* TARGET */
.vga-bar .target {
  background: linear-gradient(135deg, #004d2c, #00ff9c);
}

/* ================================
   RATIONALE
================================ */
.vga-rationale {
  background:
    radial-gradient(circle at top, rgba(0,255,255,0.25), rgba(10,0,40,0.95));

  border-radius: 28px;
  padding: 36px 42px;

  font-size: 15px;
  line-height: 2;
  color: #eafffb;

  margin-bottom: 50px;
  border: 1px solid rgba(0,255,255,0.6);

  box-shadow:
    0 0 80px rgba(0,255,255,0.6),
    inset 0 0 30px rgba(0,255,255,0.35);
}

.vga-rationale label {
  display: block;
  margin-bottom: 18px;

  font-size: 12px;
  font-weight: 900;
  letter-spacing: 4px;
  color: #9ffff0;
}

/* ================================
   CHART
================================ */
.vga-chart {
  background: rgba(0,0,0,0.95);
  padding: 26px;
  border-radius: 32px;
  margin-bottom: 50px;

  border: 1px solid rgba(0,255,255,0.6);

  box-shadow:
    0 0 120px rgba(0,255,255,0.7),
    inset 0 0 36px rgba(0,255,255,0.4);
}

.vga-chart img {
  width: 100%;
  border-radius: 22px;
  display: block;
}

/* ================================
   FOOTER
================================ */
.vga-footer {
  font-size: 12px;
  line-height: 2;
  color: #bffff7;

  text-align: center;
  padding-top: 32px;
  border-top: 1px solid rgba(0,255,255,0.5);
}

/* ================================
   MOBILE
================================ */
@media (max-width: 768px) {
  .vga-reco-card {
    padding: 70px 24px 40px;
    border-radius: 30px;
  }

  .vga-card-header strong {
    font-size: 24px;
  }

  .vga-bar span {
    padding: 18px 8px;
    font-size: 13px;
  }
}

/* ================================
   ANIMATIONS
================================ */
@keyframes vgaNeuroScan {
  from { top: -120%; }
  to   { top: 120%; }
}

@keyframes vgaBreath {
  0% { filter: brightness(1); }
  50% { filter: brightness(1.2); }
  100% { filter: brightness(1); }
}

@keyframes vgaHoverAura {
  0% { opacity: 0.6; transform: scale(1); }
  50% { opacity: 1; transform: scale(1.25); }
  100% { opacity: 0.6; transform: scale(1); }
}

@keyframes vgaEdgeFlux {
  0% { background-position: 0% 0%; }
  100% { background-position: 400% 0%; }
}

@keyframes vgaLiquidFlow {
  from { left: -150%; }
  to   { left: 150%; }
}

/* ================================
   IMPLEMENTATION NOTE
================================
Add this inside .vga-reco-card HTML:

<div class="vga-neuroscan"></div>

Place it as the FIRST child so the scan passes behind content.
================================ */
/* ================================
   ELEMENTOR FIXED BACKGROUND MODE
   Makes container background STAY FIXED
================================ */

/* Target main container */
.e-con,
.e-con-inner,
.elementor-container {
  background-attachment: fixed;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* Prevent jitter on mobile */
@media (max-width: 1024px) {
  .e-con,
  .e-con-inner,
  .elementor-container {
    background-attachment: scroll;
  }
}
/* ================================
   INSTITUTIONAL DATA GRID — FIX
   Makes label/value stack cleanly
================================ */

/* Grid container */
.vga-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 22px 28px;
  margin-bottom: 40px;
}

/* Each field card */
.vga-field {
  display: flex;
  flex-direction: column;
  gap: 6px;

  padding: 14px 18px;
  border-radius: 14px;

  background: rgba(0, 0, 0, 0.35);
  border: 1px solid rgba(0, 255, 255, 0.35);

  box-shadow:
    inset 0 0 18px rgba(0,255,255,0.15),
    0 0 30px rgba(0,255,255,0.25);
}

/* Label styling */
.vga-label {
  font-size: 10px;
  letter-spacing: 3px;
  text-transform: uppercase;

  color: rgba(180, 255, 255, 0.85);
}

/* Value styling */
.vga-value {
  font-size: 15px;
  font-weight: 900;
  letter-spacing: 1px;

  color: #ffffff;
  text-shadow:
    0 0 8px rgba(0,255,255,0.6);
}

/* Context coloring */
.vga-value.buy {
  color: #00ff9c;
  text-shadow: 0 0 10px rgba(0,255,160,0.8);
}

.vga-value.sell {
  color: #ff4d6d;
  text-shadow: 0 0 10px rgba(255,80,120,0.8);
}/* End custom CSS */