/* matrix-grid.css — clean dark template (generated) */
:root{
  --mg-bg-1:#0b0c0e;
  --mg-bg-2:#111216;
  --mg-line:rgba(255,255,255,0.03);
  --mg-glow:rgba(160,200,180,0.08);
}
html, body {
  min-height: 100%;
  background: #0b0c0e !important;
  color: #c9d1d9 !important;
}
body.matrix-grid-bg{
  background: radial-gradient(1200px 600px at 10% 10%, var(--mg-bg-2) 0%, var(--mg-bg-1) 40%) !important;
  background-color: #0b0c0e !important;
  color: #c9d1d9 !important;
  position:relative;
  overflow-x:hidden;
}
body.matrix-grid-bg::before{
  content:'';
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
  background-image:linear-gradient(transparent 0, transparent 88%, var(--mg-line) 89%),linear-gradient(90deg, transparent 0, transparent 88%, var(--mg-line) 89%);
  background-size:42px 42px,42px 42px;
  opacity:0.95;
  mix-blend-mode:overlay;
}
body.matrix-grid-bg .navbar {
  background: rgba(6, 10, 14, 0.95) !important;
  border-bottom-color: rgba(255,255,255,0.08) !important;
  box-shadow: 0 8px 30px rgba(0,0,0,0.25) !important;
}
body.matrix-grid-bg .section-alt {
  background: rgba(12, 16, 24, 0.92) !important;
  border-top-color: rgba(255,255,255,0.08) !important;
  border-bottom-color: rgba(255,255,255,0.08) !important;
}
body.matrix-grid-bg .footer {
  background: rgba(10, 14, 20, 0.98) !important;
  border-top-color: rgba(255,255,255,0.08) !important;
}
body.matrix-grid-bg .card {
  background: rgba(14, 20, 30, 0.94) !important;
  border-color: rgba(255,255,255,0.08) !important;
}
body.matrix-grid-bg .home-hero,
body.matrix-grid-bg .main-content,
body.matrix-grid-bg .container {
  background: transparent !important;
}
body.matrix-grid-bg .section,
body.matrix-grid-bg .section-title,
body.matrix-grid-bg .section-heading,
body.matrix-grid-bg .hero-subtitle,
body.matrix-grid-bg .hero-slogan,
body.matrix-grid-bg .hero-cta .btn,
body.matrix-grid-bg .footer-section p,
body.matrix-grid-bg .footer-section ul li,
body.matrix-grid-bg .footer-bottom,
body.matrix-grid-bg .footer-version {
  color: #c9d1d9 !important;
}
#matrix-canvas{position:fixed;inset:0;z-index:0;pointer-events:none}
#matrix-overlay{position:fixed;inset:0;z-index:1;pointer-events:none}
.panel-ambient{background:linear-gradient(180deg, rgba(255,255,255,0.02), rgba(0,0,0,0.02));border:1px solid rgba(255,255,255,0.03)}