.page-container {
     max-width: 1200px;
     margin: 0 auto;
     padding: 0 5rem;
 }

 @media (max-width: 1200px) {
     .page-container {
         padding: 0 3rem;
     }
 }

 @media (max-width: 768px) {
     .page-container {
         padding: 0 1.5rem;
     }
 }


 /* Hero */
 .page-hero {
     margin-top: 80px;
     padding: 4rem 0;
     text-align: center;
     background: var(--gradient-contact);
     border-radius: 0 0 4rem 4rem;
     position: relative;
     overflow: hidden;
     margin-bottom: 4rem;
 }

 .page-hero::before,
 .page-hero::after {
     content: '';
     position: absolute;
     border-radius: 50%;
 }

 .page-hero::before {
     width: 600px;
     height: 600px;
     background: radial-gradient(circle, rgba(109, 191, 47, 0.03) 0%, transparent 70%);
     top: -200px;
     left: -200px;
 }

 .page-hero::after {
     width: 400px;
     height: 400px;
     background: radial-gradient(circle, rgba(26, 58, 46, 0.03) 0%, transparent 70%);
     bottom: -150px;
     right: -150px;
 }

 .page-hero h1 {
     font-size: 4.375rem;
     line-height: 1.1;
     color: var(--black);
     margin-bottom: 1.875rem;
 }


 .page-hero p {
     font-size: 1.1rem;
     color: var(--gray-600);
     max-width: 600px;
     margin: 0 auto;
     position: relative;
     z-index: 2;
 }