.legal-page {
        min-height: calc(100vh - 80px);
        padding: var(--space-16) 0;
    }

    .legal-container {
        max-width: 800px;
        margin: 0 auto;
    }

    .legal-header {
        margin-bottom: var(--space-8);
    }

    .legal-title {
        font-size: var(--font-size-4xl);
        font-weight: var(--font-weight-bold);
        margin-bottom: var(--space-4);
    }

    .legal-updated {
        color: var(--text-muted);
        font-size: var(--font-size-sm);
    }

    .legal-content {
        background: var(--glass-bg);
        border: 1px solid var(--glass-border);
        border-radius: var(--radius-xl);
        padding: var(--space-8);
    }

    .legal-content h2 {
        font-size: var(--font-size-xl);
        font-weight: var(--font-weight-semibold);
        margin-top: var(--space-8);
        margin-bottom: var(--space-4);
        color: var(--text-primary);
    }

    .legal-content h2:first-child {
        margin-top: 0;
    }

    .legal-content p {
        color: var(--text-secondary);
        line-height: var(--line-height-relaxed);
        margin-bottom: var(--space-4);
    }

    .legal-content ul {
        color: var(--text-secondary);
        margin-bottom: var(--space-4);
        padding-left: var(--space-6);
    }

    .legal-content li {
        margin-bottom: var(--space-2);
    }

@media (max-width: 768px) {
    .legal-page {
        padding: var(--space-12) 0;
    }

    .legal-title {
        font-size: var(--font-size-3xl);
    }

    .legal-content {
        padding: var(--space-6);
    }
}

@media (max-width: 480px) {
    .legal-content {
        padding: var(--space-5);
    }
}