.project-header {
      text-align: center;
      margin: 60px 0 30px;
    }
    .project-header h1 {
      font-size: 2rem;
      color: var(--accent, #00FFF0);
      margin-bottom: 8px;
    }
    .project-header p {
      color: #b5bcc0;
      font-size: 15px;
    }

    .back-home {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      color: #9ff;
      background: rgba(0,255,240,.05);
      border: 1px solid rgba(0,255,240,.25);
      padding: 8px 14px;
      border-radius: 999px;
      text-decoration: none;
      transition: .3s ease;
      font-size: 14px;
      margin-top: 30px;
    }
    .back-home:hover {
      background: rgba(0,255,240,.1);
      color: var(--accent, #00FFF0);
      transform: translateY(-2px);
      box-shadow: 0 0 12px rgba(0,255,240,.2);
    }

    .project-page {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
      gap: 22px;
      margin-top: 40px;
    }