* {
      box-sizing: border-box;
    }

    body {
      margin: 0;
      font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      background: #fff8ef;
      color: #2f2a24;
    }

    .terms-page {
      padding: 90px 20px;
    }

    .terms-container {
      max-width: 960px;
      margin: 0 auto;
      background: #ffffff;
      padding: 56px;
      border-radius: 28px;
      box-shadow: 0 18px 45px rgba(80, 55, 30, 0.10);
    }

    .back-link {
      display: inline-block;
      margin-bottom: 36px;
      color: #b9823c;
      text-decoration: none;
      font-weight: 700;
    }

    .back-link:hover {
      text-decoration: underline;
    }

    h1 {
      font-size: clamp(2.2rem, 5vw, 4rem);
      margin: 0 0 10px;
      letter-spacing: -0.04em;
      color: #2f2a24;
    }

    .terms-subtitle {
      font-size: 1.15rem;
      color: #b9823c;
      margin-bottom: 46px;
      font-weight: 700;
    }

    h2 {
      font-size: 1.35rem;
      margin: 42px 0 14px;
      padding-bottom: 10px;
      border-bottom: 1px solid #ead9c4;
      color: #3a2d21;
    }

    p {
      font-size: 1rem;
      line-height: 1.8;
      margin: 0 0 18px;
      color: #4a4036;
    }

    ul {
      margin: 0 0 22px;
      padding-left: 22px;
    }

    li {
      margin-bottom: 8px;
      line-height: 1.7;
      color: #4a4036;
    }

    a {
      color: #b9823c;
      text-decoration: none;
      font-weight: 700;
    }

    a:hover {
      text-decoration: underline;
    }

    strong {
      color: #2f2a24;
    }

    @media (max-width: 768px) {
      .terms-page {
        padding: 50px 16px;
      }

      .terms-container {
        padding: 32px 22px;
        border-radius: 22px;
      }

      h2 {
        margin-top: 34px;
      }
    }