.jc-header{
    background:#111827;
    padding:16px 0;
  }

  .jc-container{
    width:90%;
    max-width:1100px;
    margin:auto;
    display:flex;
    align-items:center;
    justify-content:space-between;
  }

  .jc-logo{
    color:#fff;
    font-size:24px;
    font-weight:700;
    text-decoration:none;
  }

  .jc-nav{
    display:flex;
    gap:20px;
  }

  .jc-nav a{
    color:#fff;
    text-decoration:none;
    font-size:15px;
  }

  .jc-nav a:hover{
    opacity:0.8;
  }

  .jc-footer{
    background:#111827;
    padding:20px 0;
    margin-top:40px;
  }

  .jc-footer p{
    color:#fff;
    margin:0;
    font-size:14px;
  }

  .jc-footer-links{
    display:flex;
    gap:18px;
  }

  .jc-footer-links a{
    color:#fff;
    text-decoration:none;
    font-size:14px;
  }

  .jc-footer-links a:hover{
    opacity:0.8;
  }

  @media(max-width:768px){
    .jc-container{
      flex-direction:column;
      gap:12px;
      text-align:center;
    }
  }