/* Lanhorz global page background — uploaded black & gold tech image */

html {
  background: #000;
  min-height: 100%;
}

body {
  background: transparent !important;
  position: relative;
  min-height: 100%;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -2;
  pointer-events: none;
  background-color: #000;
  background-image: url("/lanhorz-tech-background.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

body::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(ellipse 72% 58% at 50% 46%, rgba(0, 0, 0, 0.08) 0%, rgba(0, 0, 0, 0.52) 72%, rgba(0, 0, 0, 0.68) 100%),
    linear-gradient(180deg, rgba(0, 0, 0, 0.34) 0%, rgba(0, 0, 0, 0.46) 100%);
}

#root {
  background: transparent;
  position: relative;
  z-index: 0;
}

.site-app {
  background: transparent !important;
  position: relative;
  z-index: 0;
}

.site-app::before,
.site-app::after {
  display: none !important;
  content: none !important;
}

.page-shell,
.page-shell.marketing-page,
.account-shell {
  background: transparent;
}

/* Hide marketing dashboard / banner illustrations — background image is the visual */
.mk-hero-visual,
.mk-banner-full {
  display: none !important;
}

.mk-hero.mk-hero-cinematic {
  grid-template-columns: 1fr;
  text-align: center;
}

.mk-hero-copy .mk-cta-row {
  justify-content: center;
}

.login-skyline,
.login-left::after {
  display: none !important;
}

.login-left {
  padding-bottom: 22px;
}

/* Invisible boxes — show text and images only, no card/input chrome */
.lux-header,
.lux-footer,
.login-card,
.icon-card,
.step-card,
.faq-card,
.support-card,
.contact-form,
.info-cards article,
.story-panel,
.story-panel article,
.story-card,
.story-split article,
.pricing-card,
.trust-strip,
.brain-banner,
.mk-hero,
.mk-feature-card,
.mk-support-card,
.mk-support-hero,
.mk-support-body,
.mk-faq-item,
.mk-demo-status,
.mk-trust-note,
.dashboard-panel,
.account-tools-panel,
.account-hero > div:first-child,
.account-balance-card,
.account-top-grid article,
.account-main-panel,
.account-side-panel,
.account-bottom-grid article,
.admin-panel,
.admin-budget-block,
.admin-pot-card,
.rule-card,
.circuit-panel,
.page-hero,
.security-hero,
.founder-note,
.login-benefit,
.form-status,
.input-with-icon,
.demo-simple-panel,
.demo-simple-footer,
.demo-stat-row article,
.dashboard-panel,
.dashboard-sidebar,
.dashboard-metrics article,
.spending-chart-wrap,
.account-dashboard-hero,
.account-dashboard-wrap,
.info-cards,
.how-step-card,
.legal-body,
.mk-section-label .pill,
.faq-card b,
.support-card > span,
.login-benefit > span,
.admin-table,
.admin-table th,
.admin-table td {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  clip-path: none !important;
}

.icon-card::before,
.pricing-card::before,
.support-card::before,
.contact-form::before,
.login-card::before,
.brain-banner::before,
.account-balance-card::before,
.account-main-panel::before,
.account-side-panel::before,
.account-top-grid article::before,
.mk-feature-card::before,
.mk-hero::before {
  display: none !important;
  content: none !important;
}

.icon-card:hover,
.pricing-card:hover,
.support-card:hover,
.mk-feature-card:hover {
  transform: none !important;
  box-shadow: none !important;
  border: none !important;
}

.hex-icon,
.login-user {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

input,
textarea,
select,
.login-card input,
.contact-form input,
.contact-form textarea,
.account-tools-panel input,
.account-tools-panel select,
.account-tools-panel textarea,
.admin-panel input,
.admin-panel select,
.admin-panel textarea {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  color: var(--text, #f5f0e6) !important;
}

input::placeholder,
textarea::placeholder {
  color: rgba(185, 177, 161, 0.72) !important;
}

input:focus,
textarea:focus,
select:focus,
.login-card input:focus,
.contact-form input:focus,
.contact-form textarea:focus {
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}

input[type="checkbox"],
.login-row input[type="checkbox"],
.check-row input[type="checkbox"] {
  border: none !important;
  background: transparent !important;
}

.lux-header {
  border-bottom: none !important;
  background: rgba(0, 0, 0, 0.35) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
}

.lux-footer {
  border-top: none !important;
}

.field-icon,
.toggle-password {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.or-line span:first-child,
.or-line span:last-child {
  background: rgba(214, 164, 53, 0.22) !important;
}

.dashboard-demo-note {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.biometric {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.header-cta {
  background: transparent !important;
  box-shadow: none !important;
}

.header-cta:hover {
  box-shadow: none !important;
}

.logo-stage {
  background: transparent !important;
}

.circuit-panel::before,
.circuit-panel::after {
  display: none !important;
  content: none !important;
}

/* Remove all remaining visible box borders site-wide */
.site-app *,
.site-app *::before,
.site-app *::after {
  border: none !important;
  border-width: 0 !important;
  border-style: none !important;
  border-color: transparent !important;
}

.site-app [class*="mk-"],
.site-app .gold-button,
.site-app .gold-button.ghost,
.site-app .send-button,
.site-app .header-cta,
.site-app .biometric,
.site-app .info-cards article,
.site-app .story-panel h2 span,
.site-app .socials span,
.site-app .store-buttons span,
.site-app .strictness-card,
.site-app .mk-quote,
.site-app .mk-cta-card,
.site-app .mk-founder-card,
.site-app .mk-mission-card,
.site-app .mk-pricing-card,
.site-app .account-tools-panel,
.site-app .dashboard-sidebar button,
.site-app .admin-panel button,
.site-app .footer-grid button {
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}

.site-app .gold-button,
.site-app .send-button {
  box-shadow: none !important;
}

.site-app .info-cards article {
  border-right: none !important;
}