.two-col-hero-grid,
.two-col-content-grid,
.tech-performance-grid,
.media-list-grid,
.admin-grid {
  display: grid;
  gap: 1.5rem;
}

.two-col-hero-grid,
.two-col-content-grid,
.tech-performance-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.feature-grid-three {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.25rem;
}

.feature-grid-four {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1.25rem;
}

.feature-card,
.tech-visual-card,
.contact-form-panel,
.media-list-card,
.admin-card,
.message-card {
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 1.5rem;
  background: rgba(255,255,255,.03);
  padding: 1.25rem;
}

.tech-band-points,
.apps-unified-list {
  margin-top: 1rem;
}

.btn-static {
  pointer-events: none;
}

.media-list-grid {
  grid-template-columns: 1fr;
}

.media-list-card {
  display: grid;
  gap: 1rem;
  grid-template-columns: 80px 1fr auto;
  align-items: start;
}

.contact-php-form {
  display: grid;
  gap: 1rem;
}

.contact-php-form label {
  display: grid;
  gap: .4rem;
}

.contact-php-form input,
.contact-php-form textarea {
  width: 100%;
  border-radius: 1rem;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(5,12,22,.8);
  color: #fff;
  padding: .85rem 1rem;
}

.hp-field {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
}

.admin-flash {
  padding: .9rem 1rem;
  border-radius: .9rem;
  margin: 0 0 1rem;
}

.admin-flash.success { background: rgba(16,185,129,.15); border: 1px solid rgba(16,185,129,.35); }
.admin-flash.error { background: rgba(239,68,68,.15); border: 1px solid rgba(239,68,68,.35); }

.media-card-grid [hidden] { display: none !important; }
.media-filter-bar { display:flex; flex-wrap:wrap; gap:.6rem; margin-bottom:1.25rem; }
.media-filter-btn { border-radius:999px; border:1px solid rgba(255,255,255,.16); background:transparent; color:#fff; padding:.6rem .9rem; }
.media-filter-btn.is-active { background:rgba(255,255,255,.12); }

@media (max-width: 980px) {
  .two-col-hero-grid,
  .two-col-content-grid,
  .tech-performance-grid,
  .feature-grid-three,
  .feature-grid-four,
  .media-list-card {
    grid-template-columns: 1fr;
  }
}