/**
 * Theme: Neumorphic Soft 3D
 * Radically Distinct Structural Layout & Design Language
 */

:root {
  --primary: #4f46e5;
  --primary-hover: #4338ca;
  --primary-glow: #4f46e540;
  --brand-color: #4f46e5;
  
  --bg-body: #e0e5ec;
  --bg-card: #e0e5ec;
  --bg-subbar: #e0e5ec;
  --bg-hover: #4f46e515;
  --bg-input: #e0e5ec;
  --bg-footer: #e0e5ec;
  
  --text-main: #2d3748;
  --text-secondary: #4a5568;
  --text-muted: #94a3b8;
  --text-footer: #4a5568;
  --text-footer-link: #4f46e5;
  
  --border-color: #d1d9e6;
  
  --hero-gradient: linear-gradient(135deg, #4f46e5 0%, #4338ca 100%);
  --btn-download-bg: linear-gradient(135deg, #4f46e5 0%, #4338ca 100%);
  --btn-download-hover: linear-gradient(135deg, #4338ca 0%, #4f46e5 100%);
  
  --btn-playstore-bg: #e0e5ec;
  --btn-playstore-border: #d1d9e6;
  --btn-playstore-color: #2d3748;
  --btn-playstore-hover: #4f46e5;
}


/* Layout Style: Tactile 3D Soft Embossed UI */
.apps-grid, .apps-grid-6 {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 1.5rem !important;
  justify-items: stretch !important;
}
@media (max-width: 960px) {
  .apps-grid, .apps-grid-6 { grid-template-columns: repeat(2, 1fr) !important; }
}
@media (max-width: 480px) {
  .apps-grid, .apps-grid-6 { grid-template-columns: 1fr !important; }
}
.app-card {
  background: #e0e5ec !important;
  border: none !important;
  border-radius: 22px !important;
  box-shadow: 8px 8px 16px #bec8d4, -8px -8px 16px #ffffff !important;
  padding: 1.25rem 0.85rem !important;
  max-width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
}
.app-card:hover {
  box-shadow: inset 4px 4px 8px #bec8d4, inset -4px -4px 8px #ffffff !important;
}
.section-box {
  background: #e0e5ec !important;
  border: none !important;
  border-radius: 26px !important;
  box-shadow: 10px 10px 20px #bec8d4, -10px -10px 20px #ffffff !important;
}
.btn-direct-download {
  box-shadow: 6px 6px 12px #bec8d4, -6px -6px 12px #ffffff !important;
  border: none !important;
}