* {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

   

    .container {
      max-width: 100%;
      margin: 0 auto;
    }

    .hero {
      text-align: center;
      margin-bottom: 30px;
    }

    .hero h1 {
      font-size: 2rem;
      font-weight: 800;
      color: #c27ba0;
      margin-bottom: 12px;
      text-transform: uppercase;
      letter-spacing: 1px;
    }

    .byline {
      font-style: italic;
      color: #a08ca8;
      margin-bottom: 24px;
      font-size: 0.95rem;
    }

    p {
      margin-bottom: 16px;
    }

    .highlight {
      background: #fff0f5;
      padding: 20px;
      border-radius: 14px;
      margin: 24px 0;
      border-left: 4px solid #e8b4c4;
    }

    .schedule {
      background: #f8fcf6;
      padding: 20px;
      border-radius: 14px;
      margin: 28px 0;
      border-left: 4px solid #a8d8b9;
    }

    .schedule h3 {
      color: #5a8a6a;
      margin-bottom: 14px;
    }

    .day-group {
      margin-bottom: 20px;
    }

    .day-title {
      font-weight: 700;
      color: #c27ba0;
      margin: 12px 0 8px;
    }

    

    @media (max-width: 600px) {
      .hero h1 { font-size: 1.6rem; }
      .highlight, .schedule { padding: 16px; }
    }
.exercise {
      background: white;
      border-radius: 14px;
      padding: 22px;
      margin-bottom: 28px;
      box-shadow: 0 4px 12px rgba(0,0,0,0.05);
    }

    .exercise-header {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      margin-bottom: 14px;
    }

    .exercise-title {
      font-weight: 700;
      font-size: 1.2rem;
      color: #c27ba0;
    }

    .muscles {
      background: #f0f0ff;
      padding: 4px 10px;
      border-radius: 20px;
      font-size: 0.85rem;
      color: #7a5c8a;
    }

    p {
      margin-bottom: 12px;
    }
 h2 {
      font-size: 1.5rem;
      font-weight: 700;
      color: #c27ba0;
      margin: 28px 0 14px;
      text-transform: uppercase;
      letter-spacing: 1px;
    }
    @media (max-width: 600px) {
      .container {
        padding: 16px;
      }
      .exercise {
        padding: 18px;
      }
      h2 {
        font-size: 1.3rem;
      }
 p {
      text-align: left;
    }
.hard-hitters {
        font-size: 2.3rem;
        letter-spacing: 1px;
      }

    }
.hard-hitters {
      font-size: 3.2rem;
      font-weight: 800;
      color: #d4a5a5;
      text-transform: uppercase;
      letter-spacing: 2px;
      margin-bottom: 20px;
      text-shadow: 0 4px 10px rgba(212, 165, 165, 0.3);
      animation: pulseGlow 2.5s infinite alternate;
    }

    @keyframes pulseGlow {
      0% {
        transform: scale(1);
        text-shadow: 0 4px 10px rgba(212, 165, 165, 0.3);
      }
      100% {
        transform: scale(1.03);
        text-shadow: 0 6px 16px rgba(212, 165, 165, 0.5);
      }
    }
.exercise-card {
      background: white;
      border-radius: 18px;
      padding: 24px;
      margin-bottom: 28px;
      box-shadow: 0 6px 20px rgba(0,0,0,0.07);
      position: relative;
      overflow: hidden;
    }

    .exercise-card::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 6px;
      height: 100%;
      background: linear-gradient(to bottom, #ff9ec9, #a8d8b9);
    }

    .card-header {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      margin-bottom: 16px;
    }

    .exercise-name {
      font-size: 1.4rem;
      font-weight: 700;
      color: #c27ba0;
    }
.exercise-name2 {
      font-size: 1.2rem;
      font-weight: 700;
      color: #8a3b64;
    }

    .muscles {
      background: #f0f0ff;
      padding: 4px 12px;
      border-radius: 20px;
      font-size: 0.85rem;
      color: #7a5c8a;
      white-space: nowrap;
    }

    .steps {
      margin-bottom: 16px;
    }

    .steps p {
      margin-bottom: 10px;
    }

    .tip-box {
      background: #fff8e6;
      border-left: 4px solid #e6c28a;
      padding: 14px;
      border-radius: 0 12px 12px 0;
      font-style: italic;
      color: #8a6d5a;
      margin-top: 14px;
    }

    .tip-title {
      font-weight: 700;
      color: #c28a5a;
      display: block;
      margin-bottom: 4px;
    }

    @media (max-width: 600px) {
      .exercise-card {
        padding: 20px;
      }
      .exercise-name {
        font-size: 1.2rem;
      }
      .card-header {
        flex-direction: column;
        gap: 10px;
        align-items: flex-start;
      }
      .muscles {
        white-space: normal;
      }
    }
.hero {
      text-align: center;
      margin-bottom: 30px;
    }

    .hero h1 {
      font-size: 2.1rem;
      font-weight: 800;
      color: #c27ba0;
      margin-bottom: 12px;
      text-transform: uppercase;
      letter-spacing: 1px;
    }
.instructions {
      background: #fff0f5;
      padding: 22px;
      border-radius: 16px;
      margin: 28px 0;
      text-align: center;
      border: 1px dashed #e8b4c4;
    }

    .instructions h3 {
      color: #c27ba0;
      margin-bottom: 16px;
      font-size: 1.3rem;
    }

    .instructions ul {
      list-style: none;
      padding: 0;
      margin: 0;
    }
.muscle-list {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 10px;
      margin: 20px 0;
    }

    .muscle-tag {
      background: #f8f0f8;
      color: #c27ba0;
      padding: 6px 14px;
      border-radius: 20px;
      font-size: 0.9rem;
      font-weight: 600;
    }

    .byline {
      text-align: center;
      font-style: italic;
      color: #a08ca8;
      font-size: 0.95rem;
    }

    .summer-note {
      text-align: center;
      font-weight: 700;
      color: #e69a28;
      margin-top: 12px;
      font-size: 1.1rem;
    }
.schedule {
      text-align: center;
      background: white;
      padding: 18px;
      border-radius: 16px;
      margin-bottom: 30px;
      box-shadow: 0 6px 18px rgba(0,0,0,0.06);
      font-weight: 600;
    }

    .workout {
      background: white;
      border-radius: 18px;
      padding: 24px;
      margin-bottom: 28px;
      box-shadow: 0 6px 20px rgba(0,0,0,0.07);
      position: relative;
      overflow: hidden;
    }

    .workout::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 6px;
      height: 100%;
      background: linear-gradient(to bottom, #ff9ec9, #ffd166);
    }

    .workout-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 16px;
    }

    .workout-title {
      font-size: 1.4rem;
      font-weight: 700;
      color: #5c2541;
    }
.warmup {
      background: #f0f8ff;
      padding: 14px;
      border-radius: 12px;
      margin-bottom: 18px;
      font-style: italic;
      color: #5a7a9a;
    }