.academic-gradient {
      background: linear-gradient(to right, #dc2626, #b91c1c);
    }
    .orange-gradient {
      background: linear-gradient(to right, #ef4444, #dc2626);
    }
    .academic-card {
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
      border-radius: 8px;
      border: 1px solid #fee2e2;
      background: white;
      animation: fadeInUp 1s ease-in-out;
    }
    .academic-heading { font-weight: bold; color: #111827; }
    .academic-body { color: #4b5563; animation: fadeIn 2s ease-in-out; }
    .academic-subheading { color: #fef2f2; }
    :root { --shadow-elegant: 0 4px 20px rgba(0, 0, 0, 0.05); }

    /* Animations */
    @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
    @keyframes fadeInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } }
    @keyframes float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }

    .principal-container {
      display: flex; flex-direction: column; align-items: stretch;
    }
    @media (min-width: 768px) {
      .principal-container {
        display: grid; grid-template-columns: 1fr 1fr; align-items: stretch;
      }
    }