body {

        display: flex;

        flex-direction: column;

        min-height: 100vh;

      }

      .main-content {

        flex: 1;

      }

      .page-hero {

        padding: 6rem 0;

        text-align: center;

        background: linear-gradient(

          135deg,

          rgba(255, 255, 255, 0.15) 0,

          rgba(168, 85, 247, 0.08) 100%

        );

        border-bottom: 1px solid rgba(255, 255, 255, 0.2);

      }

      .page-hero h1 {

        font-size: 3.5rem;

        font-weight: 800;

        margin-bottom: 1rem;

        background: linear-gradient(135deg, #ffffff 0, #e0e0e0 100%);

        -webkit-background-clip: text;

        -webkit-text-fill-color: transparent;

        background-clip: text;

      }

      .page-hero p {

        font-size: 1.3rem;

        color: var(--text-secondary);

      }

      .content-section {

        padding: 3rem 0;

      }

      .content-section h2 {

        font-size: 2.2rem;

        margin-bottom: 1.5rem;

        color: var(--accent-purple);

        font-weight: 800;

      }

      .content-section p {

        font-size: 1.05rem;

        line-height: 1.8;

        color: var(--text-secondary);

        margin-bottom: 1rem;

      }