/**
 * Theme: Matrix CLI Terminal Console
 * Radically Distinct Structural Layout & Design Language
 */

:root {
  --primary: #10b981;
  --primary-hover: #059669;
  --primary-glow: #10b98140;
  --brand-color: #10b981;
  
  --bg-body: #020804;
  --bg-card: #05130b;
  --bg-subbar: #05130b;
  --bg-hover: #10b98115;
  --bg-input: #05130b;
  --bg-footer: #05130b;
  
  --text-main: #34d399;
  --text-secondary: #059669;
  --text-muted: #94a3b8;
  --text-footer: #059669;
  --text-footer-link: #10b981;
  
  --border-color: #10b981;
  
  --hero-gradient: linear-gradient(135deg, #10b981 0%, #059669 100%);
  --btn-download-bg: linear-gradient(135deg, #10b981 0%, #059669 100%);
  --btn-download-hover: linear-gradient(135deg, #059669 0%, #10b981 100%);
  
  --btn-playstore-bg: #05130b;
  --btn-playstore-border: #10b981;
  --btn-playstore-color: #34d399;
  --btn-playstore-hover: #10b981;
}


/* Layout Style: Monospace Hacker Terminal Console */
body, input, button, select {
  font-family: 'Consolas', 'Courier New', monospace !important;
}
.apps-grid, .apps-grid-6 {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 1.15rem !important;
  justify-items: stretch !important;
}
@media (max-width: 900px) {
  .apps-grid, .apps-grid-6 { grid-template-columns: repeat(2, 1fr) !important; }
}
@media (max-width: 540px) {
  .apps-grid, .apps-grid-6 { grid-template-columns: 1fr !important; }
}
.app-card {
  display: flex !important;
  flex-direction: row !important;
  text-align: left !important;
  align-items: center !important;
  gap: 1rem !important;
  max-width: 100% !important;
  background: #030d07 !important;
  border: 1.5px solid #10b981 !important;
  box-shadow: 0 0 12px rgba(16, 185, 129, 0.2) !important;
  border-radius: 6px !important;
  padding: 0.9rem 1rem !important;
}
.app-card:hover {
  box-shadow: 0 0 25px rgba(16, 185, 129, 0.45) !important;
  border-color: #34d399 !important;
  background: #06180c !important;
  transform: translateY(-3px) !important;
}
.app-card-thumb-wrap {
  width: 60px !important;
  height: 60px !important;
  border-radius: 6px !important;
  margin-bottom: 0 !important;
  flex-shrink: 0 !important;
}
.app-card-thumb {
  border-radius: 6px !important;
}
.app-card-title {
  color: #6ee7b7 !important;
  font-size: 0.95rem !important;
}
.section-box {
  background: #020a05 !important;
  border: 1px solid #059669 !important;
  border-radius: 6px !important;
  box-shadow: 0 0 15px rgba(16, 185, 129, 0.1) !important;
}