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 h3 {

        font-size: 1.4rem;

        margin-top: 2rem;

        margin-bottom: 1rem;

        color: var(--accent-purple);

        font-weight: 700;

      }

      .content-section p {

        font-size: 1.05rem;

        line-height: 1.8;

        color: var(--text-secondary);

        margin-bottom: 1rem;

      }

      .faq-item {

        background: rgba(255, 255, 255, 0.05);

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

        padding: 2rem;

        border-radius: 12px;

        margin-bottom: 1.5rem;

        border-left: 4px solid var(--accent-purple);

        transition: all 0.3s;

      }

      .faq-item:hover {

        background: rgba(255, 255, 255, 0.1);

        border-color: rgba(168, 85, 247, 0.6);

      }

      .faq-item h3 {

        margin-top: 0;

      }

      .faq-item p {

        margin-bottom: 0;

      }

      .contact-box {

        background: rgba(255, 255, 255, 0.05);

        border: 1px solid rgba(255, 255, 255, 0.3);

        padding: 2.5rem;

        border-radius: 16px;

        margin-top: 3rem;

      }

      .contact-box h2 {

        margin-top: 0;

      }

      .contact-item {

        margin-bottom: 1.5rem;

      }

      .contact-item strong {

        color: var(--accent-purple);

      }