body { font-family: Arial, sans-serif; background: #f4f4f4; margin: 0; }
    .container { max-width: 700px; margin: 40px auto; background: #fff; padding: 32px 24px; border-radius: 14px; box-shadow: 0 4px 24px rgba(0,0,0,0.07);}
    h1 { margin-top: 0; color: #0c2340; }
    .intro { color: #444; margin-bottom: 30px;}
    .project-list { list-style: none; padding: 0; }
    .project-item { background: #f8faff; margin-bottom: 18px; padding: 16px 20px; border-radius: 10px; border-left: 4px solid #409eff; }
    .project-title { margin: 0 0 4px; font-weight: bold; font-size: 1.13em;}
    .project-desc { margin: 0; color: #555;}
    @media (max-width: 600px) {
      .container { padding: 16px 6px; }
    }