/* Mementiq homepage art direction */

body:has(.landing-section) {
  background:
    radial-gradient(circle at 18% 12%, rgba(59, 130, 246, 0.13), transparent 28%),
    radial-gradient(circle at 84% 22%, rgba(52, 211, 153, 0.055), transparent 24%),
    #070b12;
}

.vault-navbar {
  border-bottom-color: rgba(127, 178, 255, 0.10);
  background: rgba(7, 11, 18, 0.78);
}

.vault-navbar .nav-link:hover {
  color: #b9ddff;
}

.vault-nav-button {
  border-color: rgba(104, 169, 255, 0.34);
  background: linear-gradient(135deg, #3b82f6, #4f7cff);
  box-shadow: 0 10px 30px rgba(59, 130, 246, 0.22);
}

.vault-nav-button:hover {
  border-color: rgba(142, 220, 255, 0.46);
  box-shadow: 0 12px 34px rgba(59, 130, 246, 0.30);
}

.landing-section {
  background:
    radial-gradient(circle at 78% 36%, rgba(59, 130, 246, 0.08), transparent 34%),
    linear-gradient(180deg, #080d15 0%, #070b12 100%);
}

.landing-background {
  background:
    linear-gradient(
      90deg,
      rgba(7, 11, 18, 0.99) 4%,
      rgba(7, 11, 18, 0.80) 49%,
      rgba(7, 11, 18, 0.50) 100%
    );
}

.landing-badge {
  border-color: rgba(94, 174, 255, 0.22);
  color: #9fd9ff;
  background: rgba(59, 130, 246, 0.065);
}

.badge-dot {
  background: #34d399;
  box-shadow: 0 0 12px rgba(52, 211, 153, 0.68);
}

.landing-copy h1 span {
  background: linear-gradient(
    90deg,
    #f1f8ff 0%,
    #8edcff 42%,
    #5a8cff 76%,
    #7c6cff 100%
  );
  -webkit-background-clip: text;
  background-clip: text;
}

.landing-description {
  color: #91a0b7;
}

.landing-section .primary-vault-button {
  border: 1px solid rgba(120, 190, 255, 0.25);
  background: linear-gradient(135deg, #3b82f6, #4f7cff 58%, #6f6cff);
  box-shadow:
    0 14px 40px rgba(59, 130, 246, 0.23),
    inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

.landing-section .primary-vault-button:hover {
  box-shadow:
    0 18px 46px rgba(59, 130, 246, 0.30),
    inset 0 1px 0 rgba(255, 255, 255, 0.15);
}

.landing-section .secondary-vault-button {
  border-color: rgba(116, 162, 222, 0.20);
  background: rgba(15, 24, 38, 0.58);
}

.landing-section .secondary-vault-button:hover {
  border-color: rgba(142, 220, 255, 0.34);
  background: rgba(26, 61, 91, 0.24);
}

.landing-highlights strong {
  color: #eaf5ff;
}

.media-orbit-card {
  border-color: rgba(88, 145, 216, 0.20);
  background:
    linear-gradient(
      145deg,
      rgba(14, 26, 43, 0.76),
      rgba(8, 15, 26, 0.48)
    );
  box-shadow:
    0 30px 100px rgba(0, 0, 0, 0.46),
    inset 0 1px 0 rgba(255, 255, 255, 0.055);
}

.orbit-glow {
  background:
    radial-gradient(
      circle,
      rgba(72, 145, 255, 0.30) 0%,
      rgba(83, 205, 255, 0.12) 42%,
      transparent 70%
    );
}

.orbit-title i {
  color: #8edcff;
}

.orbit-categories span {
  border-color: rgba(91, 145, 210, 0.18);
  color: #cfdae8;
  background: rgba(20, 33, 50, 0.42);
}

.orbit-categories span i {
  color: #77c9ff;
}

.dashboard-preview-section {
  background: linear-gradient(180deg, #070b12, #080e17 42%, #070b12);
}

.section-eyebrow {
  color: #7ed7ff;
}

.preview-shell {
  border-color: rgba(83, 137, 204, 0.20);
  background: rgba(10, 17, 28, 0.92);
  box-shadow:
    0 35px 100px rgba(0, 0, 0, 0.44),
    0 0 50px rgba(40, 103, 178, 0.035);
}

.preview-sidebar {
  border-right-color: rgba(83, 137, 204, 0.16);
  background: rgba(7, 13, 22, 0.94);
}

.preview-sidebar .active {
  color: #dff5ff;
  background: rgba(59, 130, 246, 0.15);
}

.preview-header button {
  background: linear-gradient(135deg, #3b82f6, #4f7cff);
  box-shadow: 0 8px 24px rgba(59, 130, 246, 0.18);
}

.dashboard-preview-section .purple-card {
  background: rgba(59, 130, 246, 0.10);
}

.dashboard-preview-section .cyan-card {
  background: rgba(34, 211, 238, 0.085);
}

.dashboard-preview-section .pink-card {
  background: rgba(52, 211, 153, 0.075);
}

.dashboard-preview-section .gold-card {
  background: rgba(105, 137, 255, 0.075);
}

.dashboard-preview-section .purple-card > i {
  color: #6ea8ff;
}

.dashboard-preview-section .cyan-card > i {
  color: #67dff3;
}

.dashboard-preview-section .pink-card > i {
  color: #54d6a7;
}

.dashboard-preview-section .gold-card > i {
  color: #829cff;
}

.library-heading span {
  color: #76caff;
}

.category-section {
  background: linear-gradient(180deg, #070b12, #060a11);
}

.category-grid article {
  border-color: rgba(82, 134, 198, 0.18);
  background:
    linear-gradient(
      145deg,
      rgba(12, 22, 35, 0.84),
      rgba(8, 15, 25, 0.78)
    );
}

.category-grid article:hover {
  border-color: rgba(91, 180, 255, 0.38);
  box-shadow: 0 14px 36px rgba(21, 85, 145, 0.09);
}

.category-grid i {
  color: #76caff;
}

.vault-footer {
  border-top-color: rgba(85, 139, 204, 0.13);
  background: #050910;
}

@media (max-width: 991px) {
  .landing-background {
    background: rgba(7, 11, 18, 0.79);
  }
}