.container {
      	padding: 3vw 6.25vw 0;
      	margin: 0 auto;
      }

      header {
      	text-align: center;
      	padding: 40px 0;
      	margin-bottom: 30px;
      	color: #047f95;
      	border-radius: 15px;
      	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
      	position: relative;
      	overflow: hidden;
      }

      header::before {
      	content: "";
      	position: absolute;
      	top: -50%;
      	left: -50%;
      	width: 200%;
      	height: 200%;
      	background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%);
      	transform: rotate(30deg);
      }

      h1 {
      	font-size: 3.5rem;
      	margin-bottom: 15px;
      	text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
      	position: relative;
      }

      .subtitle {
      	font-size: 1.5rem;
      	font-weight: 300;
      	max-width: 800px;
      	margin: 0 auto;
      	position: relative;
      }

      .intro {
      	padding: 30px 30px 0;
      	text-align: center;
      	margin: 0 auto;
      }

      .intro p {
      	font-size: 1.1rem;
      	color: #555;
      	margin-bottom: 15px;
      	line-height: 2;
      }

      .gallery {
      	display: grid;
      	grid-template-columns: repeat(auto-fit, minmax(15%, 1fr));
      	gap: 30px;
      	margin-top: 40px;
      }

      .rocks img {
      	width: 100%;
      	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
      	border-radius: 15px;
      	margin-bottom: 40px;
      }

      .rocks img:last-child {
      	width: 100%;
      	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
      	border-radius: 15px;
      	margin-bottom: 0px;
      }


      .evolution {
      	display: flex;
      	justify-content: space-between;
      	margin: 40px 0;
      	flex-wrap: wrap;
      }

      .stage {
      	background: white;
      	border-radius: 15px;
      	padding: 30px 10px 0 30px;
      	width: 32%;
      	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
      	position: relative;
      	overflow: hidden;
      	margin-bottom: 20px;
      }

      .stage h3 {
      	font-size: 2rem;
      	color: #047f95;
      	margin-bottom: 20px;
      }

      .stage h4 {
      	font-size: 1.5rem;
      	margin: 15px 0;
      	color: #047f95;
      }

      .stage ul {
      	margin: 15px 0;
      }

      .stage li {
      	margin-bottom: 10px;
      }

      .stage li::before {
      	content: "•";
      	margin-right: 5px;
      }

      .stage::after {
      	content: "";
      	position: absolute;
      	bottom: 0;
      	left: 0;
      	width: 100%;
      	height: 5px;
      	background: linear-gradient(to right, #1a3a6c, #2a5298);
      }

      .stage-1::after {
      	background: linear-gradient(to right, #4a8eff, #1a3a6c);
      }

      .stage-2::after {
      	background: linear-gradient(to right, #ff9a4a, #ff6b6b);
      }

      .stage-3::after {
      	background: linear-gradient(to right, #6bce6b, #2a8c2a);
      }

      @media (max-width: 992px) {
      	.stage {
      		width: 48%;
      	}
      }

      @media (max-width: 768px) {
      	.stage {
      		width: 100%;
      		padding: 15px;
      	}

      	h1 {
      		font-size: 2.5rem;
      	}

      	.subtitle {
      		font-size: 1.2rem;
      		padding: 15px 15px 0;
      	}

      	.stage ul {
      		padding-left: 0;
      		margin: 15px 0;
      	}

      	.gallery {
      		display: grid;
      		grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
      		gap: 30px;
      		margin-top: 40px;
      	}

      	.container {
      		padding: 3vw 3.25vw 0;
      		margin: 0 auto;
      	}

      	.card-content p {
      		color: #555;
      		margin-bottom: 15px;
      		flex-grow: 1;
      		text-align: center;
      	}

      	.intro {
      		padding: 0 0;
      		text-align: center;
      		margin: 0 auto;
      	}

      	.intro p {
      		font-size: 0.9rem;
      		color: #555;
      		margin-bottom: 15px;
      		line-height: 1.8;
      		padding: 15px 15px 0;
      	}
      }