
    body {
      margin: 0;
      padding: 0;
      font-family: 'Montserrat', sans-serif;
      overflow-x: hidden;
      background-image: url(Rectangle\ 3.png);
      background-size: auto;
    }

    section {
      width: 100vw;
      height: 100vh;
      box-sizing: border-box;
    }

    /* ========= PAGE 1 ========= */
    .page1 {
      display: flex;
      justify-content: center;
      align-items: center;
      overflow: hidden;
        color: aliceblue;
    }

    .page1 img {
      max-width: 100%;
      max-height: 100%;
      object-fit: contain;
      display: block;
    }

    /* ========= PAGE 2 ========= */
    .page2 {
      display: flex;
      flex-direction: column;
      align-items: left;
      justify-content: center;
      text-align: left;
      color: aliceblue;
      padding-left: 100px;
    }

    .page2 h1 {
      font-size: 128px;
      font-weight: 700;
      margin: 0 0 60px 0;
      text-align: center;
    }

    .instructions {
      font-size: 64px;
      font-weight: 700;
      display: flex;
      flex-direction: column;
      gap: 40px;
    }

    .instruction-line {
      display: flex;
      align-items: left;
      text-align: left;

    }

    .instruction-line img {
      margin-left: 50px;
      height: 64px;
      width: 64px;
      object-fit: contain;
    }

    /* ========= PAGE 3 ========= */
    .page3 {
      padding-right: 100px;
      padding-left: 100px;
      margin-bottom: 50px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-content: center;
      max-height: 900px;
     color: aliceblue;
    }

    .page3-title {
      font-size: 128px;
      font-weight: 700;
      text-align: center;
      margin: 10px;
    }

    .phase {
      max-width: 55%;
    }

    .phase h3 {
      font-size: 32px;
      font-weight: 700;
      margin-bottom: 10px;
    }

    .phase ul {
      margin: 0;
      padding-left: 20px;
    }

    .phase ul li {
      font-size: 32px;
      font-weight: 500;
      line-height: 1.3;
    }

    /* размещение фаз */
    .phase1 {
      align-self: flex-start;
    }

    .phase2 {
      align-self: flex-end;
      text-align: right;
    }

    .phase3 {
      align-self: flex-start;
    }

    .phase ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

.copy-block {
  margin-top: 40px;
  display: flex;
  align-items: center;
  gap: 20px;
  font-size: 48px;
  font-weight: 700;
}

.copy-block button {
  padding: 10px 20px;
  font-size: 32px;
  cursor: pointer;
  font-weight: 700;
}
