/* Universal box-sizing for all elements */
*, *::before, *::after {
  box-sizing: border-box;
}



/* =============================
   Universal Container Styles
   ============================= */

.center-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex: 1;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  min-height: calc(100vh - 160px);
  margin: 0 auto;
  padding: 20px clamp(16px, 6vw, 48px);
  animation: fadeIn 1s ease;
  background: none;
  border: none;
  padding-top: 20px;
}

/* Adjust height for home page to prevent unnecessary scrollbar */
.home-page .center-container {
  min-height: calc(100vh - 120px); /* Restore proper centering but reduce total height */
  height: auto; /* Let content determine height naturally */
  padding-top: 20px; /* Restore original padding */
  padding-bottom: 20px; /* Restore original padding */
}



.center-container .content {
  width: 100%;
  max-width: 1100px;
  min-width: 0;
  margin: 0 auto;
  padding: clamp(32px, 10vw, 100px) clamp(8px, 4vw, 60px);
  box-sizing: border-box;
  text-align: center;
  transition: all var(--transition-duration) var(--transition-easing);
  /* Animation and rendering optimizations */
  transform: translateZ(0);
  backface-visibility: hidden;
  will-change: opacity, transform;
}



@media (max-width: 700px) {
  .center-container .content {
    padding-left: 6px;
    padding-right: 6px;
  }
}

/* Section Content Blocks */
.section-content {
  text-align: center;
  max-width: 100%;
  margin: 0 auto;
  /* Add entrance animation that preserves shadow and glass effects */
  animation: textReveal 1.2s var(--transition-easing) both;
  /* Ensure proper rendering context for shadows */
  transform: translateZ(0);
  will-change: transform, opacity;
}

.section-content h1 {
  margin-bottom: 0.5em;
  font-size: 2.3em;
  font-weight: 800;
  letter-spacing: 0.01em;
  color: var(--text-color);
  /* Staggered animation for heading with reduced transforms */
  animation: fadeInTextScale 1s cubic-bezier(0.34, 1.56, 0.64, 1) 0.3s both;
}

.section-content p {
  margin-bottom: 2.2em;
  color: var(--text-color);
  font-size: 1.13em;
  opacity: 0.85;
  /* Staggered animation for paragraph with reduced transforms */
  animation: fadeInTextUp 1s var(--transition-easing) 0.6s both;
}

body {
  min-height: 100vh;
  /* Remove flex centering to prevent overflow at non-100% zoom */
  /* display: flex; */
  /* flex-direction: column; */
  /* justify-content: center; */
}