body {
      background-color: #f5f7fa;
      color: #212529;
      font-family: Arial, Helvetica, sans-serif;
      line-height: 1.7;
    }

    .hero {
      background: linear-gradient(135deg, #0d6efd, #1b2a4e);
      color: white;
      padding: 4rem 0;
      margin-bottom: 3rem;
    }
	
	.hero a, .hero a:hover{
      color: yellow;
    }

    .content-card {
      background: white;
      border-radius: 18px;
      padding: 2rem;
      box-shadow: 0 4px 20px rgba(0,0,0,0.06);
      margin-bottom: 2rem;
    }

    h2 {
      margin-bottom: 1.2rem;
      font-weight: 700;
    }

    .project-meta {
      font-size: 1.05rem;
      opacity: 0.95;
    }

    .publication-item {
      margin-bottom: 1.5rem;
      padding-bottom: 1rem;
      border-bottom: 1px solid #e9ecef;
    }

    .publication-item:last-child {
      border-bottom: none;
    }

    footer {
      padding: 2rem 0;
      color: #6c757d;
      text-align: center;
    }

    a {
      word-break: break-word;
    }