/* Modern tutorial link cards for footer */
    .footer-modern-tutorials {
      max-width: 1180px;
      margin: 1.8rem auto 1.2rem;
      padding: 1.5rem;
      border: 1px solid rgba(79,195,247,0.25);
      border-radius: 18px;
      background: linear-gradient(135deg, rgba(79,195,247,0.10), rgba(240,180,41,0.08));
      box-shadow: 0 16px 40px rgba(0,0,0,0.18);
      text-align: left;
    }
    .footer-modern-tutorials h4 {
      margin: 0 0 0.55rem;
      color: var(--white, #ffffff);
      font-size: 1.2rem;
      letter-spacing: 0.2px;
    }
    .footer-modern-intro {
      margin: 0 0 1.1rem;
      color: var(--muted, #b8c7d9);
      line-height: 1.65;
      max-width: 920px;
    }
    .modern-tutorial-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
      gap: 0.9rem;
    }
    .modern-tutorial-card {
      display: block;
      min-height: 150px;
      padding: 1rem;
      border-radius: 14px;
      border: 1px solid rgba(255,255,255,0.12);
      background: rgba(255,255,255,0.045);
      color: var(--muted, #d6e2f0);
      text-decoration: none;
      transition: transform 0.2s ease, border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
    }
    .modern-tutorial-card:hover,
    .modern-tutorial-card:focus-visible {
      transform: translateY(-3px);
      border-color: rgba(79,195,247,0.58);
      background: rgba(79,195,247,0.10);
      box-shadow: 0 14px 28px rgba(79,195,247,0.15);
      text-decoration: none;
      outline: none;
    }
    .tutorial-icon {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-width: 44px;
      height: 34px;
      padding: 0 0.55rem;
      margin-bottom: 0.8rem;
      border-radius: 999px;
      background: rgba(79,195,247,0.16);
      color: var(--accent, #4fc3f7);
      border: 1px solid rgba(79,195,247,0.28);
      font-weight: 800;
      font-size: 0.85rem;
      letter-spacing: 0.3px;
    }
    .modern-tutorial-card strong {
      display: block;
      color: var(--white, #ffffff);
      font-size: 1rem;
      margin-bottom: 0.35rem;
    }
    .modern-tutorial-card small {
      display: block;
      color: var(--muted, #b8c7d9);
      line-height: 1.55;
      font-size: 0.9rem;
    }
    @media (max-width: 640px) {
      .footer-modern-tutorials { padding: 1.1rem; }
      .modern-tutorial-card { min-height: auto; }
    }