/* === Magic Mirror Blazor-look overrides (non-invasive) === */
/* Fonts like in app */
#instant-landing, #instant-landing .mm-card, #app {
  font-family: 'adlib', system-ui, -apple-system, Segoe UI, Roboto, Inter, Arial;
}
#app { font-family: 'cascadiacode', monospace; }

/* Dark, minimal, bordered cards like plan cards */
#instant-landing .mm-card {
  background: rgba(0,0,0,0.35) !important;
  backdrop-filter: none !important;
  border: 3px solid var(--color_a) !important;
  border-radius: 18px !important;
  box-shadow: 0 0 12px rgba(255,255,255,0.08), inset 0 0 20px rgba(255,255,255,0.03) !important;
  color: var(--color_c) !important;
}

/* Block/inner framing to match app borders */
#instant-landing .mm-block {
  background: transparent !important;
  padding: 0 !important;
}
#instant-landing .mm-inner {
  background: rgba(0,0,0,0.35) !important;
  border: 3px solid var(--color_a) !important;
  border-radius: 16px !important;
}

/* Title/labels */
#instant-landing .mm-title {
  color: var(--color_c) !important;
  font-family: 'adlib', system-ui !important;
  text-shadow: 2px 2px 5px #000;
}
#instant-landing .mm-style-msg {
  color: var(--color_d) !important;
  font-family: 'cascadiacode', monospace !important;
  font-weight: 700 !important;
}

/* Benefits/check style like app */
#instant-landing .mm-benefits li {
  font-family: 'cascadiacode', monospace !important;
  color: var(--color_c) !important;
}
#instant-landing .mm-chk {
  background: var(--color_a) !important;
}

/* Price/info pills */
#instant-landing .mm-price {
  border: 3px dashed var(--color_c) !important;
  background: rgba(0,0,0,0.6) !important;
  color: var(--color_c) !important;
  font-family: 'cascadiacode', monospace !important;
}

/* CTA button like PgPlansBtn */
#instant-landing .mm-enter {
  background: rgba(0,0,0,1) !important;
  color: var(--color_c) !important;
  font-family: 'adlib' !important;
  border: 3px solid var(--color_a) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  letter-spacing: 0 !important;
}
#instant-landing .mm-enter:hover {
  color: var(--color_a) !important;
  border-color: var(--color_d) !important;
  background-color: rgba(0,0,0,0.85) !important;
}

/* Language select badge */
#instant-landing .mm-lang {
  border: 3px solid var(--color_a) !important;
}
#instant-landing .mm-lang select {
  font-family: 'cascadiacode', monospace !important;
}

/* Slim loader to match */
#mm-slim-loader .slim-card {
  background: rgba(0,0,0,0.35) !important;
  border: 3px solid var(--color_a) !important;
  border-radius: 18px !important;
  color: var(--color_c) !important;
}
#mm-slim-loader .slim-percent {
  font-family: 'cascadiacode', monospace !important;
  color: var(--color_c) !important;
}

/* Warn banner */
#instant-landing .mm-warn {
  border: 2px solid var(--color_c) !important;
  background: rgba(0,0,0,0.35) !important;
  color: var(--color_c) !important;
}

/* Keep layout and mobile fixes intact */