:root {
  --bg-primary: #0B0D17; 
  --bg-secondary: #161B2A; 
  --accent-purple: #A855F7; 
  --accent-soft: #C084FC; 
  --accent-muted: #64748B;
  --text-main: #F8FAFC;
  --text-dim: #94A3B8;
  --border-subtle: rgba(168, 85, 247, 0.15);
  --glow-shadow: 0 0 15px rgba(168, 85, 247, 0.4);
}

body {
    background: radial-gradient(
    circle at 50% -10%,
    rgba(34, 24, 80, 1) 0%,
    rgba(25, 19, 51, 1) 35%,
    #0b0d17 85%
  ) !important;
    background-color: #0b0d17 !important;
    background-attachment: fixed !important;
}

/* Glass Cards */
.card-glass {
  background: radial-gradient(
    circle at 0% 0%,
    rgba(168, 85, 247, 0.08) 0%,
    rgba(22, 27, 42, 0.95) 50%
  );
  backdrop-filter: blur(12px);
  border: 1px solid var(--border-subtle);
  border-radius: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    transition: transform 0.3s ease,
    border-color 0.3s ease,
    box-shadow 0.3s ease;
}
.border-glow { 
  border: 1px solid var(--border-subtle); 
  box-shadow: var(--glow-shadow); 
}

.card-label {
    color: var(--accent-purple);
    font-weight: 700;
    text-transform: uppercase;
    font-size: 0.625rem;
    letter-spacing: 0.15em;
    margin-bottom: 0.5rem;
    display: block;
}

/* Comparison Table Styling */
table { width: 100%; border-collapse: collapse; }
th, td { padding: 1rem; text-align: left; border-bottom: 1px solid var(--border-subtle); }
th { color: var(--accent-purple); text-transform: uppercase; font-size: 0.75rem; letter-spacing: 0.1em; }
.highlight-row { background: rgba(168, 85, 247, 0.05); color: #fff; font-weight: bold; }