.container { 
  width: 100%; 
  max-width: var(--max-width); 
  margin: 0 auto; 
  padding: 0 24px; 
}

.section { 
  padding: 120px 0; 
}

.page-content {
  padding-top: var(--nav-height);
  min-height: 100vh;
}

.section-header { 
  text-align: center; 
  margin-bottom: 72px; 
}

.section-header h1 {
  font-size: clamp(2.5rem, 5vw, 3.5rem); 
  font-weight: 800; 
  margin-bottom: 20px; 
  letter-spacing: -0.03em;
  background: linear-gradient(135deg, #ffffff 0%, #94a3b8 100%);
  -webkit-background-clip: text; 
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.section-header p { 
  color: var(--color-text-muted); 
  font-size: 1.15rem; 
  max-width: 600px; 
  margin: 0 auto; 
  line-height: 1.7; 
}

.features-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 32px;
}

.about-content {
  display: grid;
  gap: 32px;
  max-width: 800px;
  margin: 0 auto;
}

.steps-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 32px;
}

.contact-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 32px;
  max-width: 1000px;
  margin: 0 auto;
}

.news-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
  gap: 32px;
}