.hero {
   background: linear-gradient(135deg, #f5f5f5 0%, #ffffff 100%);
   padding: 80px 0;
   text-align: center;
   border-bottom: 4px solid #1fc602;
 }

 .images--wrapper {
   display: flex;
   justify-content: center;
   align-items: center;
   margin-top: 50px;
 }

 .images--wrapper img {
   max-width: 600px;
   width: 100%;
   /* height: 300px; */
   margin: 0 20px;
   border-radius: 10px;
 }

 .hero-title {
   font-size: 2.5rem;
   color: #1a1a1a;
   margin-bottom: 20px;
   line-height: 1.2;
 }

 .author {
   font-size: 1.1rem;
   color: #555;
   font-style: italic;
   margin-top: 20px;
 }

 /* Content Section */
 .content-section {
   padding: 60px 0;
 }

 .introduction {
   max-width: 800px;
   margin: 0 auto 40px;
   text-align: center;
   font-size: 1.1rem;
   line-height: 1.7;
 }

 .principle-block {
   max-width: 900px;
   margin: 0 auto 40px;
   background: white;
   padding: 30px;
   border-radius: 12px;
   box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08);
   position: relative;
   counter-increment: principle;
 }

 .principle-block::before {
   content: counter(principle);
   position: absolute;
   top: -20px;
   left: 30px;
   width: 40px;
   height: 40px;
   background-color: #1fc602;
   color: white;
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
   font-weight: bold;
   font-size: 1.2rem;
 }

 .principle-title {
   color: #1fc602;
   margin-bottom: 20px;
   font-size: 1.5rem;
   margin-left: 50px;
 }

 .principle-content {
   margin-left: 50px;
   line-height: 1.8;
 }

 .scenario-block {
   background-color: #f8f9fa;
   border-radius: 8px;
   padding: 20px;
   margin: 15px 0;
   border-left: 3px solid;
 }

 .bad-scenario {
   border-left-color: #dc3545;
 }

 .good-scenario {
   border-left-color: #28a745;
 }

 .scenario-title {
   font-weight: 600;
   margin-bottom: 10px;
 }

 .lifting-algorithm {
   background-color: #e8f5e8;
   border-left: 4px solid #1fc602;
   padding: 25px;
   border-radius: 0 8px 8px 0;
   max-width: 800px;
   margin: 0 auto 40px;
 }

 .lifting-steps {
   list-style: none;
   counter-reset: lifting-step;
   margin-top: 20px;
 }

 .lifting-steps li {
   counter-increment: lifting-step;
   padding: 10px 0;
   padding-left: 40px;
   position: relative;
 }

 .lifting-steps li::before {
   content: counter(lifting-step) '.';
   position: absolute;
   left: 0;
   width: 30px;
   height: 30px;
   background-color: #1fc602;
   color: white;
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
   font-weight: bold;
   font-size: 0.9rem;
 }

 .sports-tips {
   max-width: 900px;
   margin: 0 auto 40px;
   background: white;
   padding: 30px;
   border-radius: 12px;
   box-shadow: 0 2px 10, 0, 0, 0.08;
 }

 .sports-tips h3 {
   color: #1fc602;
   margin-bottom: 20px;
   font-size: 1.5rem;
 }

 .sports-list {
   list-style: none;
   margin-top: 20px;
 }

 .sports-list li {
   padding: 10px 0;
   padding-left: 25px;
   position: relative;
   border-bottom: 1px solid #e0e0e0;
 }

 .sports-list li::before {
   content: '➤';
   position: absolute;
   left: 0;
   color: #1fc602;
   font-weight: bold;
 }

 @media screen and (max-width: 768px) {
   .hero-title {
     font-size: 1.5rem;
   }
   .principle-title{
     margin: 0;
   }
   .principle-content{
     margin: 0;
   }
   .lifting-steps{
     margin: 0;
     padding: 0;
   }
   .sports-list{
     padding: 0;
   }
 }