/* This CSS is copied from pricing.css to ensure an identical layout
  as requested.
*/
.page-section {
    padding: 100px 0;
    padding-top: 170px; /* Add padding for fixed header */
    background: var(--futuristic-bg); /* Corrected variable */
    min-height: calc(100vh - 250px);
}
.page-header {
    text-align: center;
    margin-bottom: var(--space-32);
}
.page-title {
    font-size: 2.5rem; /* Matched to theme */
    font-weight: 600;
    color: var(--futuristic-text); /* Corrected variable */
    margin-bottom: var(--space-16);
}
.page-subtitle {
    font-size: 1.125rem; /* Matched to theme */
    color: var(--futuristic-text-muted); /* Corrected variable */
    max-width: 600px;
    margin: 0 auto;
}
.page-content {
    max-width: 800px;
    margin: 40px auto 0;
    background: var(--futuristic-surface); /* Corrected variable */
    padding: var(--space-32);
    border-radius: var(--radius-xl); /* Corrected variable */
    border: 1px solid var(--futuristic-border); /* Corrected variable */
}
.page-content h2 {
    font-size: 1.5rem; /* Matched to theme */
    color: var(--futuristic-text); /* Corrected variable */
    margin-bottom: var(--space-16);
    margin-top: var(--space-24); /* Added margin-top for spacing */
}
.page-content p {
    line-height: 1.7;
    color: var(--futuristic-text-muted); /* Corrected variable */
    margin-bottom: var(--space-24);
}
 .page-content strong {
    color: var(--futuristic-text); /* Corrected variable */
}
.page-content a {
    color: var(--glow-blue); /* Corrected variable */
    font-weight: 500;
}
.page-content a:hover {
    color: var(--glow-purple); /* Corrected variable */
}
.back-to-home {
    display: inline-block;
    margin-top: var(--space-16);
    color: var(--glow-blue); /* Corrected variable */
    font-weight: 500;
    text-decoration: none;
}
.back-to-home:hover {
    color: var(--glow-purple); /* Corrected variable */
}